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
Enter your details in the tool above and press the main button to get your result. You can copy text results or download file results. Most tools work entirely in your browser, so your files and inputs are not uploaded anywhere, except where the tool page names a public API it calls.
Related tools: JSON formatter/validator, JSON to CSV, CSV to JSON, XML to JSON / JSON to XML.