mirror of
https://github.com/revanced/revanced-website.git
synced 2025-05-02 07:34:34 +02:00
53 lines
2.2 KiB
Svelte
53 lines
2.2 KiB
Svelte
<svg
|
|
viewBox="0 0 1440 500"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
preserveAspectRatio="none"
|
|
{...$$props}
|
|
>
|
|
<path class="wave" />
|
|
</svg>
|
|
|
|
<style>
|
|
svg {
|
|
position: fixed;
|
|
z-index: -2;
|
|
bottom: 0;
|
|
height: 35vh;
|
|
width: 100%;
|
|
}
|
|
|
|
.wave {
|
|
animation: wave-anim 40s;
|
|
animation-timing-function: linear;
|
|
animation-iteration-count: infinite;
|
|
fill: var(--red);
|
|
}
|
|
|
|
@keyframes wave-anim {
|
|
0% {
|
|
d: path(
|
|
"M 0,500 C 0,500 0,250 0,250 C 176.53333333333336,300.1333333333333 353.0666666666667,350.2666666666667 496,325 C 638.9333333333333,299.7333333333333 748.2666666666667,199.06666666666666 900,174 C 1051.7333333333333,148.93333333333334 1245.8666666666668,199.46666666666667 1440,250 C 1440,250 1440,500 1440,500 Z"
|
|
);
|
|
}
|
|
25% {
|
|
d: path(
|
|
"M 0,500 C 0,500 0,250 0,250 C 154.13333333333333,219.20000000000002 308.26666666666665,188.40000000000003 449,209 C 589.7333333333333,229.59999999999997 717.0666666666668,301.59999999999997 880,317 C 1042.9333333333332,332.40000000000003 1241.4666666666667,291.20000000000005 1440,250 C 1440,250 1440,500 1440,500 Z"
|
|
);
|
|
}
|
|
50% {
|
|
d: path(
|
|
"M 0,500 C 0,500 0,250 0,250 C 132.8,242.93333333333334 265.6,235.86666666666667 414,246 C 562.4,256.1333333333333 726.3999999999999,283.46666666666664 900,287 C 1073.6000000000001,290.53333333333336 1256.8000000000002,270.26666666666665 1440,250 C 1440,250 1440,500 1440,500 Z"
|
|
);
|
|
}
|
|
75% {
|
|
d: path(
|
|
"M 0,500 C 0,500 0,250 0,250 C 151.33333333333331,206.66666666666669 302.66666666666663,163.33333333333334 472,176 C 641.3333333333334,188.66666666666666 828.6666666666667,257.3333333333333 993,279 C 1157.3333333333333,300.6666666666667 1298.6666666666665,275.33333333333337 1440,250 C 1440,250 1440,500 1440,500 Z"
|
|
);
|
|
}
|
|
100% {
|
|
d: path(
|
|
"M 0,500 C 0,500 0,250 0,250 C 176.53333333333336,300.1333333333333 353.0666666666667,350.2666666666667 496,325 C 638.9333333333333,299.7333333333333 748.2666666666667,199.06666666666666 900,174 C 1051.7333333333333,148.93333333333334 1245.8666666666668,199.46666666666667 1440,250 C 1440,250 1440,500 1440,500 Z"
|
|
);
|
|
}
|
|
}
|
|
</style> |