CSS Box Shadow Generator

Visually design CSS box-shadow with live preview. Tweak offset, blur, spread, color, and inset, then copy the ready-to-use CSS code. Free, browser-based.

水平偏移4px
垂直偏移4px
模糊半径12px
扩展半径0px
透明度20%
box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.20);

Design Tools · Related Tools

→
CSS Gradient

Gradient color editor
CSS Border Radius

border-radius tweaker
CSS Glassmorphism

backdrop-filter editor
CSS Flexbox

Visual flex layout
CSS Grid

Visual grid layout
CSS Filter

filter effect tweaker