Home / CSS Tips Generated By ChatGPT / Creating Text Gradients in CSS Apply a gradient effect to text for an eye-catching design. Source Code .text-gradient { background: linear-gradient(to right, red, blue); -webkit-background-clip: text; color: transparent; }