Developer tools
CSS gradient / box-shadow generator
Design a CSS gradient or a box shadow with sliders and a live preview, then copy the CSS.
CSS Gradient & Box Shadow
background: linear-gradient(90deg, #3b82f6, #ec4899);
How to use CSS gradient / box-shadow generator
Design a CSS gradient or a box shadow with sliders and a live preview, then copy the CSS.
Related tools: JSON formatter/validator, JSON to CSV, CSV to JSON, XML to JSON / JSON to XML.