Open tools

CSS & Design

Use this group when you need a CSS rule you can paste, not a new image file.

Each page draws one effect in the tab: a shadow, a corner radius, a clip shape, a gradient, a triangle, a loader, a checkbox look, a switch, a glass panel, or a two-color text offset. Move the controls and copy the declaration into the stylesheet that already belongs to your page. The preview is the result. There is no file to download and nothing is uploaded.

These rules change how a browser paints an element. They do not crop a photo, minify a whole stylesheet, or publish a site. A clip shape does not cut the original file. A glass panel needs something visible behind it, and older browsers may ignore backdrop-filter. A loader that never stops should respect visitors who prefer reduced motion.

A single color value belongs in Color Tools. A photograph belongs in Image and Photo. HTML and JSON belong in Developer Tools.

Tools in this group

New

CSS gradient

Build a two-color linear gradient and copy the CSS.

CSS & Design In the browser
New

CSS box shadow

Build a box shadow and copy the CSS.

CSS & Design In the browser
New

CSS corner radius

Set four corner radii and copy the CSS.

CSS & Design In the browser
New

CSS clip shape

Preview a clip shape. The file is not cut.

CSS & Design In the browser
New

Cubic bezier

Preview a timing curve and copy the CSS.

CSS & Design In the browser
New

CSS loader

Draw a spinning loader and copy the CSS.

CSS & Design In the browser
New

CSS checkbox

Draw a square checkbox and copy the CSS.

CSS & Design In the browser
New

CSS switch

Draw an on-off switch and copy the CSS.

CSS & Design In the browser
New

CSS glass panel

Draw a frosted panel and copy the CSS.

CSS & Design In the browser
New

CSS text offset

Draw a two-color text offset and copy the CSS.

CSS & Design In the browser
New

CSS triangle

Draw a triangle with CSS borders.

CSS & Design In the browser
New

CSS background pattern

Build a CSS-only background pattern and copy the rule.

CSS & Design In the browser
New

React Native shadow

Generate React Native shadow style values with a live preview.

CSS & Design In the browser

Other groups

Document & Scan · Image & Photo · PDF · Text & OCR · Creator / Social Utilities · Developer Tools · Color Tools · QR & Barcode · Security & Encoding · Utilities