Box Shadow / CSS Effects Playground

Tweak box-shadow, radius & colors. Preview live and copy CSS.

Controls

Horizontal offset (px)

Vertical offset (px)

Blur (px)

Spread (px)

Shadow color

Opacity (0–1)

Border radius (px)

Background color

Inset shadow

Transition (ms)

Box width (px)

Box height (px)

Generated CSS

Live Preview

Hover me

CSS copied to clipboard!

Support & Stay Connected

Follow Updates Bluesky Vote on Product Hunt

Membership Credits

Invite Friends. Earn Kimi Membership Rewards.

Join the Moonshot Together referral program! Invite friends to register or subscribe through your personal referral link or QR code and earn chances to win Kimi Membership Credits. Every successful invitation gives you and your friend an opportunity to receive rewards—from 3-day membership credits up to a 1-year equivalent. Share, invite, and start earning today!

Subscribe Now

Hot Deal

GLM Coding Plan -10% off!

Get AI-powered coding assistance, debugging, and generation with the GLM Coding Plan from z.ai, now 10% cheaper. Activate the offer, subscribe, and start shipping better code, faster.

Subscribe Now