albert.walickihire me
← all tips
css

Gradient text

Fill text with a CSS gradient: set a linear-gradient background, clip it to the text and make the text color transparent. Three lines of CSS.

Gradient text created with CSS

Gradient text

.gradientText {
  background: linear-gradient(90deg, #FB7C00, #E73B50, #9E009B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

CSS gradient text

And here is our gradient text!

more tips
work with me

Got something that needs building?

Frontend builds, full-stack features in Django, design-system work. Available for work.

See my workGet in touch