Homecode Beautiful CSS Gradient Text The CSS /* GRADIENT TEXT */ h1.about {text-align:center; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,0,123,1) 35%, rgba(0,212,255,1) 100%); /* https://caniuse.com/background-clip-text */ -webkit-background-clip: text; background-clip: text; font-size: 4rem; /* https://caniuse.com/mdn-css_properties_-webkit-text-fill-color */ -webkit-text-fill-color: transparent; } HTML Code <h1 class="about">YOUR TEXT HERE</h1> The Demo See the Pen <a href="https://codepen.io/markcarrrr/pen/JjJpqdR"> CSS gradient text</a> by Mark Carr (<a href="https://codepen.io/markcarrrr">@markcarrrr</a>) on <a href="https://codepen.io">CodePen</a>. Inspo: MarK Carr
