Skip to content

CSS Studio

Generate CSS gradients, box-shadows, glassmorphism, easing curves, and check WCAG contrast — copy code instantly.

CSS

background-image: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

Tailwind

bg-[linear-gradient(90deg,#6366f1_0%,#ec4899_100%)]
90°
0%
100%