Controls
Type
135°
Colour stops
Stop 1
0%
Stop 2
100%
Output
ℹChrome/Safari prefixGenerated automatically alongside background-clip for cross-browser text gradient support.ℹNeeds -webkit- prefix for text clippingbackground-clip: text requires -webkit-background-clip: text on Safari and Chrome. ok.css outputs both.background-image: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;