Digging things up…
Digging things up…
Build CSS border-radius values visually with individual corner control and a live preview. Copy the ready-to-use CSS.
Presets
CSS Output
border-radius: 12px;
CSS Tools
Visual generators and calculators for gradients, shadows, grid, flexbox and more — each with a live preview and copy-ready CSS for the result.
Related CSS tools
Convert between px, rem, em, pt, vw and vh with configurable base font size and viewport.
Use tool →🌈Build linear and radial CSS gradients visually with colour stops, angle control and a live preview.
Use tool →🔲Build multi-layer CSS box shadows visually with sliders for offset, blur, spread and colour.
Use tool →(a,b,c)Enter CSS selectors and instantly see their (a, b, c) specificity scores ranked with bar charts.
Use tool →Explore more from Dino Media: All Free Tools · Our Services · Digital Glossary · Our Work
See Our Work
We design and build pixel-perfect, high-performing websites for ambitious UK businesses. Take a look at what we have created.