UCSSR
CSS Reference

CSS Property Guides & Tools

Practical guides to CSS properties paired with visual generators. Each guide covers syntax, values, browser support, and common patterns — then links to an interactive tool where you can build and copy production-ready CSS.

border-radius

CSS border-radius

Complete guide to the CSS border-radius property — syntax, values, per-corner control, elliptical corners, and browser support.

Read guideOpen tool
box-shadow

CSS box-shadow

Complete guide to the CSS box-shadow property — syntax, multiple layers, inset shadows, spread radius, and performance tips.

Read guideOpen tool
background-image (gradients)

CSS Gradients

Complete guide to CSS gradients — linear-gradient, radial-gradient, conic-gradient syntax, color stops, and advanced patterns.

Read guideOpen tool
color

CSS Color Formats

Complete guide to CSS color formats — HEX, RGB, HSL, OKLCH, named colors, transparency, and color-mix().

Read guideOpen tool
display: flex

CSS Flexbox Layout

Complete guide to CSS Flexbox — container properties, item properties, alignment, wrapping, and common layout patterns.

Read guideOpen tool
button CSS

CSS Button Styles

Complete guide to styling CSS buttons — backgrounds, borders, hover effects, transitions, focus states, and accessibility.

Read guideOpen tool