Home / CSS Tips Generated By ChatGPT / Gradient Text with Background Clip in CSS Apply gradients to text for a colorful effect. Source Code .gradient-text { background: linear-gradient(to right, red, blue); -webkit-background-clip: text; color: transparent; }