mirror of
https://github.com/michivonah/website-v3.git
synced 2025-12-22 21:36:28 +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("#SvgjsMask1038")" fill="none"><path d="M264.229,1251.688C328.952,1253.113,399.643,1240.839,432.816,1185.245C466.581,1128.658,447.256,1058.317,413.316,1001.835C380.571,947.342,327.698,908.333,264.229,904.685C193.569,900.623,117.282,921.345,82.172,982.8C47.259,1043.911,68.568,1119.815,108.027,1178.094C142.613,1229.176,202.555,1250.33,264.229,1251.688" fill="rgba(22, 22, 22, 0.4)" class="triangle-float1"></path><path d="M1343.364,1146.188C1441.665,1142.618,1521.923,1071.655,1565.447,983.442C1604.184,904.93,1588.954,814.512,1544.108,739.323C1500.515,666.235,1428.29,616.556,1343.364,611.098C1247.131,604.914,1144.694,629.312,1092.332,710.289C1036.002,797.402,1039.693,910.76,1091.464,1000.657C1143.333,1090.724,1239.497,1149.96,1343.364,1146.188" fill="rgba(22, 22, 22, 0.4)" class="triangle-float1"></path><path d="M569.017,591.383C669.913,594.446,748.53,510.303,793.649,420.006C833.909,339.435,824.879,246.593,780.451,168.243C735.332,88.674,660.458,26.197,569.017,23.857C473.793,21.421,382.427,72.675,337.975,156.922C295.997,236.48,324.595,327.625,366.831,407.047C412.727,493.351,471.313,588.416,569.017,591.383" fill="rgba(22, 22, 22, 0.4)" class="triangle-float1"></path><path d="M1151.575,418.656C1207.246,417.246,1263.251,400.972,1293.509,354.22C1326.417,303.373,1333.255,237.318,1302.831,184.947C1272.529,132.786,1211.889,108.807,1151.575,109.901C1093.279,110.959,1040.09,140.608,1009.535,190.267C977.341,242.59,964.176,309.569,996.621,361.737C1027.767,411.818,1092.618,420.149,1151.575,418.656" fill="rgba(22, 22, 22, 0.4)" class="triangle-float2"></path></g><defs><mask id="SvgjsMask1038"><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> |