CSS Visual Builders

Local processing

Design multi-layer shadows, elliptical corner radii, fluid typography and editable gradients

Learn More About This Tool

Builder

Shadow layers

Layer 1 · front to back

Horizontal offset (px)Vertical offset (px)Blur (px)Spread (px)

Shadow color (HEX with optional alpha)

Inset shadow

Generated CSS

.element {
  box-shadow: 0px 12px 30px -8px #00000033;
}