Mask Image
Paint a squircle mask on an element.
Variables
| Class | Styles |
|---|---|
squircle-mask | mask-image: paint(squircle);
--squircle-border-radius: 0;
--squircle-border-top-left-radius: 0;
--squircle-border-top-right-radius: 0;
--squircle-border-bottom-right-radius: 0;
--squircle-border-bottom-left-radius: 0;
--squircle-border-smoothing: 0.6;
--squircle-border-top-left-smoothing: 0.6;
--squircle-border-top-right-smoothing: 0.6;
--squircle-border-bottom-right-smoothing: 0.6;
--squircle-border-bottom-left-smoothing: 0.6;
--squircle-border-width: 0;
--squircle-border-color: unset;
--squircle-background-color: unset;
--squircle-mode: mask-image;
@supports not (mask-image: paint(squircle)) {
mask-repeat: no-repeat;
} |