Benjamin Palko
f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
23 lines
731 B
Markdown
23 lines
731 B
Markdown
### mask
|
|
|
|
Mask crops the content of the element to common shapes
|
|
|
|
[mask docs](https://daisyui.com/components/mask/)
|
|
|
|
#### 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
|
|
|
|
```html
|
|
<img class="mask {MODIFIER}" src="{image-url}" />
|
|
```
|
|
|
|
#### 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-*`
|