JSFiddle - React, Tailwind, and code Playground

by seefeld

HTML

<h2>Jakis test tutaj powinen dostac gradient</h2>

CSS

/* CSS text gradients */
h2 {    font-size: 150px;}
h2[data-text] {
    position: relative;
}
h2[data-text]::after {
    content: attr(data-text);
    z-index: 10;
    color: #e3e3e3;
    position: absolute;

    top: 0;
    left: 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,1)), to(rgba(0,0,0,0)));