CSS Mask Generator

Create CSS mask effects — fade edges with gradients, reveal with radial shapes, combine layers. Live preview on image or text. Copy the CSS instantly.

Mask Presets

Mask Type

Type

Angle to bottom

Transparent start % 0%

Opaque start % 40%

Opaque end % 100%

Mask Options

mask-size

mask-repeat

mask-composite

Live Preview

CSS Output