CSS Mask Generator

Create CSS masks with gradients, shapes, and custom patterns to hide or reveal parts of elements.

Mask Properties

Mask Type

Gradient Angle180°

Fade Start (%)0%

Fade End (%)70%

Mask Position

Mask Repeat

Quick Presets

Preview

Masked Content