Interactive playgrounds for gradients, box shadows, and border radius — copy ready CSS.
Your tool inputs are processed in this browser. We do not upload them to our servers.
background: linear-gradient(135deg, #0d9488 0%, #6366f1 100%);
Live preview
Preview box
Build CSS visually
Tweak sliders and colors, watch the live preview, then copy the CSS snippet into your project. Includes multi-stop gradients, inset shadows, and per-corner radius control.
Keep working