Mask
Shape masks for images and containers
Class Reference Basic
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-circle'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-squircle'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-square'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-triangle'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-heart'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-diamond'
)Auto-import documentation coming soon...
Polygons
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-pentagon'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-hexagon'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-hexagon-2'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-decagon'
)Auto-import documentation coming soon...
Img(
src='https://img.daisyui.com/images/stock/photo-1567653418876-5bb0e566e1c2.webp',
cls='mask mask-triangle-2'
)Auto-import documentation coming soon...
Class Reference
| Class | Type | Description |
|---|---|---|
| mask | Component | Base mask class |
| mask-circle | Shape | Circular mask |
| mask-square | Shape | Square mask |
| mask-squircle | Shape | Squircle mask |
| mask-heart | Shape | Heart-shaped mask |
| mask-diamond | Shape | Diamond mask |
| mask-star | Shape | Star-shaped mask |
| mask-star-2 | Shape | Star-shaped mask (bold) |
| mask-triangle | Shape | Triangle mask |
| mask-triangle-2 | Shape | Triangle mask (pointing down) |
| mask-triangle-3 | Shape | Triangle mask (pointing left) |
| mask-triangle-4 | Shape | Triangle mask (pointing right) |
| mask-hexagon | Shape | Hexagonal mask |
| mask-hexagon-2 | Shape | Hexagonal mask (horizontal) |
| mask-pentagon | Shape | Pentagonal mask |
| mask-decagon | Shape | Decagonal mask |
| mask-half-1 | Modifier | Crops only the first half of mask |
| mask-half-2 | Modifier | Crops only the second half of mask |
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
LLMs Context: Full Markdown | This Component