-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathstar.css
More file actions
55 lines (50 loc) · 25.4 KB
/
star.css
File metadata and controls
55 lines (50 loc) · 25.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
/* Basic star shapes for reference */
.star {
width: 200px;
aspect-ratio:1;
display :inline-block;
margin: 10px;
background: linear-gradient(gold,lightblue);
clip-path: polygon(79.39% 90.45%,50.00% 69.00%,20.61% 90.45%,31.93% 55.87%,2.45% 34.55%,38.83% 34.63%,50.00% 0.00%,61.17% 34.63%,97.55% 34.55%,68.07% 55.87%);
}
.star + .star {
clip-path: polygon(79.39% 90.45%,50.00% 69.00%,20.61% 90.45%,31.93% 55.87%,2.45% 34.55%,38.83% 34.63%,50.00% 0.00%,61.17% 34.63%,97.55% 34.55%,68.07% 55.87%,79.39% 90.45%,50.00% 69.00%,50.00% 63.68%,71.16% 79.12%,63.01% 54.23%,84.24% 38.88%,58.04% 38.93%,50.00% 14.00%,41.96% 38.93%,15.76% 38.88%,36.99% 54.23%,28.84% 79.12%,50.00% 63.68%,71.16% 79.12%);
}
/* Starburst container styles */
.starburst-element {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* .starburst1 {
width: 200px; /* adjust to control the size
aspect-ratio: 1;
clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(0% - -20px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(0% - -20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(100% - 20px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px));
} */
/* .starburst2 {
width: 200px; /* adjust to control the size
aspect-ratio: 1;
clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(89.75% - 15.9px) calc(54.48% - 1.79px),calc(100% - 20px) calc(50% - 0px),calc(89.75% - 15.9px) calc(45.52% - -1.79px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(87.76% - 15.1px) calc(36.79% - -5.28px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(83.87% - 13.55px) calc(28.72% - -8.51px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(78.28% - 11.31px) calc(21.72% - -11.31px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(71.28% - 8.51px) calc(16.13% - -13.55px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(63.21% - 5.28px) calc(12.24% - -15.1px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(54.48% - 1.79px) calc(10.25% - -15.9px),calc(50% - 0px) calc(0% - -20px),calc(45.52% - -1.79px) calc(10.25% - -15.9px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(36.79% - -5.28px) calc(12.24% - -15.1px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(28.72% - -8.51px) calc(16.13% - -13.55px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(21.72% - -11.31px) calc(21.72% - -11.31px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(16.13% - -13.55px) calc(28.72% - -8.51px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(12.24% - -15.1px) calc(36.79% - -5.28px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(10.25% - -15.9px) calc(45.52% - -1.79px),calc(0% - -20px) calc(50% - 0px),calc(10.25% - -15.9px) calc(54.48% - 1.79px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(12.24% - -15.1px) calc(63.21% - 5.28px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(16.13% - -13.55px) calc(71.28% - 8.51px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(21.72% - -11.31px) calc(78.28% - 11.31px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(28.72% - -8.51px) calc(83.87% - 13.55px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(36.79% - -5.28px) calc(87.76% - 15.1px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(45.52% - -1.79px) calc(89.75% - 15.9px),calc(50% - 0px) calc(100% - 20px),calc(54.48% - 1.79px) calc(89.75% - 15.9px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(63.21% - 5.28px) calc(87.76% - 15.1px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(71.28% - 8.51px) calc(83.87% - 13.55px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(78.28% - 11.31px) calc(78.28% - 11.31px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(83.87% - 13.55px) calc(71.28% - 8.51px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(87.76% - 15.1px) calc(63.21% - 5.28px));
} */
@-webkit-keyframes a {
0% {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(0% - -20px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(0% - -20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(100% - 20px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px));
clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(0% - -20px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(0% - -20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(100% - 20px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px))
}
to {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(89.75% - 15.9px) calc(54.48% - 1.79px),calc(100% - 20px) calc(50% - 0px),calc(89.75% - 15.9px) calc(45.52% - -1.79px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(87.76% - 15.1px) calc(36.79% - -5.28px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(83.87% - 13.55px) calc(28.72% - -8.51px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(78.28% - 11.31px) calc(21.72% - -11.31px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(71.28% - 8.51px) calc(16.13% - -13.55px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(63.21% - 5.28px) calc(12.24% - -15.1px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(54.48% - 1.79px) calc(10.25% - -15.9px),calc(50% - 0px) calc(0% - -20px),calc(45.52% - -1.79px) calc(10.25% - -15.9px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(36.79% - -5.28px) calc(12.24% - -15.1px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(28.72% - -8.51px) calc(16.13% - -13.55px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(21.72% - -11.31px) calc(21.72% - -11.31px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(16.13% - -13.55px) calc(28.72% - -8.51px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(12.24% - -15.1px) calc(36.79% - -5.28px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(10.25% - -15.9px) calc(45.52% - -1.79px),calc(0% - -20px) calc(50% - 0px),calc(10.25% - -15.9px) calc(54.48% - 1.79px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(12.24% - -15.1px) calc(63.21% - 5.28px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(16.13% - -13.55px) calc(71.28% - 8.51px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(21.72% - -11.31px) calc(78.28% - 11.31px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(28.72% - -8.51px) calc(83.87% - 13.55px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(36.79% - -5.28px) calc(87.76% - 15.1px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(45.52% - -1.79px) calc(89.75% - 15.9px),calc(50% - 0px) calc(100% - 20px),calc(54.48% - 1.79px) calc(89.75% - 15.9px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(63.21% - 5.28px) calc(87.76% - 15.1px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(71.28% - 8.51px) calc(83.87% - 13.55px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(78.28% - 11.31px) calc(78.28% - 11.31px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(83.87% - 13.55px) calc(71.28% - 8.51px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(87.76% - 15.1px) calc(63.21% - 5.28px));
clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(89.75% - 15.9px) calc(54.48% - 1.79px),calc(100% - 20px) calc(50% - 0px),calc(89.75% - 15.9px) calc(45.52% - -1.79px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(87.76% - 15.1px) calc(36.79% - -5.28px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(83.87% - 13.55px) calc(28.72% - -8.51px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(78.28% - 11.31px) calc(21.72% - -11.31px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(71.28% - 8.51px) calc(16.13% - -13.55px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(63.21% - 5.28px) calc(12.24% - -15.1px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(54.48% - 1.79px) calc(10.25% - -15.9px),calc(50% - 0px) calc(0% - -20px),calc(45.52% - -1.79px) calc(10.25% - -15.9px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(36.79% - -5.28px) calc(12.24% - -15.1px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(28.72% - -8.51px) calc(16.13% - -13.55px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(21.72% - -11.31px) calc(21.72% - -11.31px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(16.13% - -13.55px) calc(28.72% - -8.51px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(12.24% - -15.1px) calc(36.79% - -5.28px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(10.25% - -15.9px) calc(45.52% - -1.79px),calc(0% - -20px) calc(50% - 0px),calc(10.25% - -15.9px) calc(54.48% - 1.79px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(12.24% - -15.1px) calc(63.21% - 5.28px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(16.13% - -13.55px) calc(71.28% - 8.51px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(21.72% - -11.31px) calc(78.28% - 11.31px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(28.72% - -8.51px) calc(83.87% - 13.55px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(36.79% - -5.28px) calc(87.76% - 15.1px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(45.52% - -1.79px) calc(89.75% - 15.9px),calc(50% - 0px) calc(100% - 20px),calc(54.48% - 1.79px) calc(89.75% - 15.9px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(63.21% - 5.28px) calc(87.76% - 15.1px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(71.28% - 8.51px) calc(83.87% - 13.55px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(78.28% - 11.31px) calc(78.28% - 11.31px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(83.87% - 13.55px) calc(71.28% - 8.51px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(87.76% - 15.1px) calc(63.21% - 5.28px))
}
}
@keyframes a {
0% {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(0% - -20px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(0% - -20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(100% - 20px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px));
clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(0% - -20px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(50% - 0px) calc(50% - 0px),calc(0% - -20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(50% - 0px) calc(100% - 20px),calc(50% - 0px) calc(50% - 0px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(50% - 0px) calc(50% - 0px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(50% - 0px) calc(50% - 0px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(50% - 0px) calc(50% - 0px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(50% - 0px) calc(50% - 0px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(50% - 0px) calc(50% - 0px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(50% - 0px) calc(50% - 0px),calc(100% - 20px) calc(50% - 0px),calc(50% - 0px) calc(50% - 0px))
}
to {
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(89.75% - 15.9px) calc(54.48% - 1.79px),calc(100% - 20px) calc(50% - 0px),calc(89.75% - 15.9px) calc(45.52% - -1.79px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(87.76% - 15.1px) calc(36.79% - -5.28px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(83.87% - 13.55px) calc(28.72% - -8.51px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(78.28% - 11.31px) calc(21.72% - -11.31px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(71.28% - 8.51px) calc(16.13% - -13.55px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(63.21% - 5.28px) calc(12.24% - -15.1px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(54.48% - 1.79px) calc(10.25% - -15.9px),calc(50% - 0px) calc(0% - -20px),calc(45.52% - -1.79px) calc(10.25% - -15.9px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(36.79% - -5.28px) calc(12.24% - -15.1px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(28.72% - -8.51px) calc(16.13% - -13.55px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(21.72% - -11.31px) calc(21.72% - -11.31px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(16.13% - -13.55px) calc(28.72% - -8.51px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(12.24% - -15.1px) calc(36.79% - -5.28px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(10.25% - -15.9px) calc(45.52% - -1.79px),calc(0% - -20px) calc(50% - 0px),calc(10.25% - -15.9px) calc(54.48% - 1.79px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(12.24% - -15.1px) calc(63.21% - 5.28px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(16.13% - -13.55px) calc(71.28% - 8.51px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(21.72% - -11.31px) calc(78.28% - 11.31px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(28.72% - -8.51px) calc(83.87% - 13.55px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(36.79% - -5.28px) calc(87.76% - 15.1px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(45.52% - -1.79px) calc(89.75% - 15.9px),calc(50% - 0px) calc(100% - 20px),calc(54.48% - 1.79px) calc(89.75% - 15.9px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(63.21% - 5.28px) calc(87.76% - 15.1px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(71.28% - 8.51px) calc(83.87% - 13.55px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(78.28% - 11.31px) calc(78.28% - 11.31px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(83.87% - 13.55px) calc(71.28% - 8.51px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(87.76% - 15.1px) calc(63.21% - 5.28px));
clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(89.75% - 15.9px) calc(54.48% - 1.79px),calc(100% - 20px) calc(50% - 0px),calc(89.75% - 15.9px) calc(45.52% - -1.79px),calc(98.75% - 19.5px) calc(38.87% - -4.45px),calc(87.76% - 15.1px) calc(36.79% - -5.28px),calc(95.05% - 18.02px) calc(28.31% - -8.68px),calc(83.87% - 13.55px) calc(28.72% - -8.51px),calc(89.09% - 15.64px) calc(18.83% - -12.47px),calc(78.28% - 11.31px) calc(21.72% - -11.31px),calc(81.17% - 12.47px) calc(10.91% - -15.64px),calc(71.28% - 8.51px) calc(16.13% - -13.55px),calc(71.69% - 8.68px) calc(4.95% - -18.02px),calc(63.21% - 5.28px) calc(12.24% - -15.1px),calc(61.13% - 4.45px) calc(1.25% - -19.5px),calc(54.48% - 1.79px) calc(10.25% - -15.9px),calc(50% - 0px) calc(0% - -20px),calc(45.52% - -1.79px) calc(10.25% - -15.9px),calc(38.87% - -4.45px) calc(1.25% - -19.5px),calc(36.79% - -5.28px) calc(12.24% - -15.1px),calc(28.31% - -8.68px) calc(4.95% - -18.02px),calc(28.72% - -8.51px) calc(16.13% - -13.55px),calc(18.83% - -12.47px) calc(10.91% - -15.64px),calc(21.72% - -11.31px) calc(21.72% - -11.31px),calc(10.91% - -15.64px) calc(18.83% - -12.47px),calc(16.13% - -13.55px) calc(28.72% - -8.51px),calc(4.95% - -18.02px) calc(28.31% - -8.68px),calc(12.24% - -15.1px) calc(36.79% - -5.28px),calc(1.25% - -19.5px) calc(38.87% - -4.45px),calc(10.25% - -15.9px) calc(45.52% - -1.79px),calc(0% - -20px) calc(50% - 0px),calc(10.25% - -15.9px) calc(54.48% - 1.79px),calc(1.25% - -19.5px) calc(61.13% - 4.45px),calc(12.24% - -15.1px) calc(63.21% - 5.28px),calc(4.95% - -18.02px) calc(71.69% - 8.68px),calc(16.13% - -13.55px) calc(71.28% - 8.51px),calc(10.91% - -15.64px) calc(81.17% - 12.47px),calc(21.72% - -11.31px) calc(78.28% - 11.31px),calc(18.83% - -12.47px) calc(89.09% - 15.64px),calc(28.72% - -8.51px) calc(83.87% - 13.55px),calc(28.31% - -8.68px) calc(95.05% - 18.02px),calc(36.79% - -5.28px) calc(87.76% - 15.1px),calc(38.87% - -4.45px) calc(98.75% - 19.5px),calc(45.52% - -1.79px) calc(89.75% - 15.9px),calc(50% - 0px) calc(100% - 20px),calc(54.48% - 1.79px) calc(89.75% - 15.9px),calc(61.13% - 4.45px) calc(98.75% - 19.5px),calc(63.21% - 5.28px) calc(87.76% - 15.1px),calc(71.69% - 8.68px) calc(95.05% - 18.02px),calc(71.28% - 8.51px) calc(83.87% - 13.55px),calc(81.17% - 12.47px) calc(89.09% - 15.64px),calc(78.28% - 11.31px) calc(78.28% - 11.31px),calc(89.09% - 15.64px) calc(81.17% - 12.47px),calc(83.87% - 13.55px) calc(71.28% - 8.51px),calc(95.05% - 18.02px) calc(71.69% - 8.68px),calc(87.76% - 15.1px) calc(63.21% - 5.28px),calc(98.75% - 19.5px) calc(61.13% - 4.45px),calc(87.76% - 15.1px) calc(63.21% - 5.28px))
}
}