Home / CSS Tips Generated By ChatGPT / Creating Text Gradients in CSS Apply a gradient effect to text using background clips and text-fill-color. Source Code .gradient-text { background: -webkit-linear-gradient(45deg, blue, red); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }