Mask

mask

Mask crops the content of the element to common shapes

mask docs

Class names

• component: mask
• style: mask-squircle, mask-heart, mask-hexagon, mask-hexagon-2, mask-decagon, mask-pentagon, mask-diamond, mask-square, mask-circle, mask-star, mask-star-2, mask-triangle, mask-triangle-2, mask-triangle-3, mask-triangle-4
• modifier: mask-half-1, mask-half-2

Syntax

Rules

• {MODIFIER} is required and can have one of the style/modifier class names
• You can change the shape of any element using mask class names
• You can set custom sizes using w-* and h-*