CSS Gradient Text Generator

Generate CSS for gradient text (background-clip technique).

Start Color

End Color

Angledeg

Result

CSS Code

background: linear-gradient(90deg, #3b82f6, #ec4899);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;

Tailwind Classes

bg-gradient-to-r from-[#3b82f6] to-[#ec4899] bg-clip-text text-transparent

Generate CSS gradients

Generate text shadow effects