animated-mask.css
1@property --mask {
2 initial-value: 0deg;
3 syntax: "<angle>";
4 inherits: true;
5}
6
7.gradient::after {
8 mask: linear-gradient(#0000, #0000),
9 linear-gradient(#000, #000),
10 conic-gradient(
11 from var(--mask, 0deg),
12 #0000, #000 25%, #0000 25%
13 );
14 mask-clip: padding-box, border-box, border-box;
15 mask-composite: intersect;
16 animation: mask-rotate 6s infinite linear;
17}
18
19@keyframes mask-rotate {
20 to {
21 --mask: 360deg;
22 }
23}
@property
858516.4128