Live preview
The preview is the same rule you'll copy — no approximation.
Your CSS
Notes worth knowing
Vendor prefixes for border-radius, box-shadow and linear-gradient haven't been needed for years — every browser in current use supports the unprefixed properties, so the output here stays clean.
Shadows read best when they're soft and low-contrast: a large blur with opacity well under 0.3 looks like light, while a hard dark shadow tends to look like a sticker.
Building something bigger? Compare the best SEO companies or the top web design agencies.