mirror of
https://github.com/michivonah/website-v3.git
synced 2025-12-23 05:46:29 +01:00
31 lines
No EOL
2.8 KiB
XML
31 lines
No EOL
2.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="1920" height="1080" preserveAspectRatio="none" viewBox="0 0 1920 1080"><g mask="url("#SvgjsMask1050")" fill="none"><path d="M151.597,367.741C237.543,366.045,326.768,343.799,371.69,270.508C418.369,194.35,409.817,97.492,364.374,20.59C319.746,-54.932,239.266,-105.013,151.597,-101.946C68.495,-99.039,6.837,-36.114,-36.869,34.626C-83.699,110.423,-127.949,201.957,-84.076,279.503C-39.804,357.753,61.709,369.515,151.597,367.741" fill="rgba(255, 255, 255, 0.2)" class="triangle-float1"></path><path d="M1111.864,556.519C1209.195,560.554,1322.077,553.236,1369.886,468.36C1417.231,384.308,1361.142,286.784,1309.804,205.11C1262.9,130.49,1200,57.553,1111.864,57.869C1024.122,58.183,959.939,130.362,916.364,206.52C873.163,282.025,845.995,372.453,888.416,448.399C931.663,525.824,1023.255,552.845,1111.864,556.519" fill="rgba(255, 255, 255, 0.2)" class="triangle-float2"></path><path d="M597.074,1280.629C676.415,1280.522,754.8,1240.279,788.831,1168.607C819.509,1103.996,778.465,1035.76,742.769,973.78C706.972,911.625,668.519,841.992,597.074,835.654C516.698,828.524,438.849,873.37,398.483,943.24C358.098,1013.143,363.467,1099.555,404.418,1169.127C444.758,1237.662,517.548,1280.736,597.074,1280.629" fill="rgba(255, 255, 255, 0.2)" class="triangle-float3"></path><path d="M1826.938,711.345C1901.09,709.026,1958.159,652.324,1993.195,586.93C2026.054,525.599,2033.421,452.065,1997.907,392.232C1963.056,333.516,1895.195,305.043,1826.938,306.82C1761.837,308.515,1705.691,345.812,1670.722,400.75C1632.487,460.818,1609.649,534.31,1641.643,597.922C1676.518,667.263,1749.359,713.771,1826.938,711.345" fill="rgba(255, 255, 255, 0.2)" class="triangle-float2"></path></g><defs><mask id="SvgjsMask1050"><rect width="1920" height="1080" fill="#ffffff"></rect></mask><style>
|
|
@keyframes float1 {
|
|
0%{transform: translate(0, 0)}
|
|
50%{transform: translate(-10px, 0)}
|
|
100%{transform: translate(0, 0)}
|
|
}
|
|
|
|
.triangle-float1 {
|
|
animation: float1 5s infinite;
|
|
}
|
|
|
|
@keyframes float2 {
|
|
0%{transform: translate(0, 0)}
|
|
50%{transform: translate(-5px, -5px)}
|
|
100%{transform: translate(0, 0)}
|
|
}
|
|
|
|
.triangle-float2 {
|
|
animation: float2 4s infinite;
|
|
}
|
|
|
|
@keyframes float3 {
|
|
0%{transform: translate(0, 0)}
|
|
50%{transform: translate(0, -10px)}
|
|
100%{transform: translate(0, 0)}
|
|
}
|
|
|
|
.triangle-float3 {
|
|
animation: float3 6s infinite;
|
|
}
|
|
</style></defs></svg> |