43 lines
3.8 KiB
XML
43 lines
3.8 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 570" preserveAspectRatio="none">
|
||
|
|
<style type="text/css">
|
||
|
|
@keyframes wave {
|
||
|
|
0%, 100% {transform: scale(1, 1);}
|
||
|
|
50% {transform: scale(1, 1.2);}
|
||
|
|
}
|
||
|
|
.st0{fill:none;stroke:#3AADAA;stroke-miterlimit:10;transform-origin: center bottom;}
|
||
|
|
.path_1 {animation: wave 25s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_2 {animation: wave 25s .5s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_3 {animation: wave 25s 1s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_4 {animation: wave 25s 1.5s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_5 {animation: wave 25s 2s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_6 {animation: wave 25s 2.5s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_7 {animation: wave 25s 3s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_8 {animation: wave 25s 3.5s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_9 {animation: wave 25s 4s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_10 {animation: wave 25s 4.5s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_11 {animation: wave 25s 5s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_12 {animation: wave 25s 5.5s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_13 {animation: wave 25s 6s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
.path_14 {animation: wave 25s 6.5s cubic-bezier(.445, .05, .55, .95) infinite;}
|
||
|
|
@media only screen and (max-width: 300px) {
|
||
|
|
.st0{stroke-width:4}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<g>
|
||
|
|
<path class="st0 path_1" d="M1260.5,0.5c3.9,4.4,7.7,9.1,11.5,13.8c57.8,72.7-222,169-222,271.2s279.8,198.6,221.9,271.3 c-3.8,4.7-7.5,8.7-11.5,13.2"/>
|
||
|
|
<path class="st0 path_2" d="M1273.5,0.5c4,4.4,8,9,11.8,13.7c32,38.8-25.9,83.9-85.6,134c-51.4,43.1-104.3,89.8-104.3,137.4 s53,94.4,104.3,137.4c59.7,50,117.6,95.2,85.6,134c-3.9,4.7-7.8,8.6-11.8,13"/>
|
||
|
|
<path class="st0 path_3" d="M1286.5,0.5c4.2,4.4,8.2,8.9,12.2,13.6c32.9,38.4-16.4,82.9-67.6,132.8c-44.2,43.2-90.4,90.6-90.4,138.7 s46.2,95.5,90.4,138.7c51.1,49.9,100.4,94.4,67.6,132.8c-3.8,4.4-8,8.8-12,13"/>
|
||
|
|
<path class="st0 path_4" d="M1299.6,0.5c4.3,4.3,8.5,8.9,12.6,13.5c33.7,38.1-7,81.9-49.5,131.6c-37.2,43.5-76.5,91.4-76.5,140 s39.3,96.5,76.5,140c42.5,49.8,83.2,93.5,49.5,131.6c-4,4.4-8.2,8.7-12.3,12.8"/>
|
||
|
|
<path class="st0 path_5" d="M1312.7,0.5c4.4,4.3,8.7,8.8,12.9,13.4c34.7,37.7,2.5,81-31.4,130.5c-30,43.8-62.6,92.2-62.6,141.2 s32.5,97.5,62.6,141.2c33.9,49.5,66.1,92.8,31.4,130.5c-4.1,4.4-8.3,8.6-12.6,12.8"/>
|
||
|
|
<path class="st0 path_6" d="M1325.7,0.5c4.5,4.3,8.9,8.8,13.2,13.3c35.6,37.3,12,80.3-13.4,129.3c-22.9,44.3-48.6,93.1-48.6,142.5 s25.7,98.2,48.6,142.5c25.4,49,48.9,92,13.4,129.3c-4.2,4.4-8.5,8.5-12.9,12.7"/>
|
||
|
|
<path class="st0 path_7" d="M1338.8,0.5c4.6,4.2,9.1,8.7,13.6,13.2c36.4,37,21.6,79.7,4.7,128.1c-15.7,44.9-34.7,93.9-34.7,143.7 s19,98.9,34.7,143.7c17,48.4,31.8,91.2-4.7,128.1c-4.4,4.4-8.8,8.4-13.4,12.6"/>
|
||
|
|
<path class="st0 path_8" d="M1351.8,0.5c4.7,4.2,9.4,8.6,13.9,13.1c37.2,36.7,31.4,79.3,22.7,127c-8.3,45.6-20.8,94.7-20.8,145 s12.4,99.4,20.8,145c8.7,47.7,14.5,90.2-22.7,127c-4.5,4.4-9,8.3-13.7,12.5"/>
|
||
|
|
<path class="st0 path_9" d="M1400,532c-5.8,9.4-12.8,18-20.9,25.6c-4.6,4.4-9.2,8.3-14,12.4"/>
|
||
|
|
<path class="st0 path_10" d="M1364.9,0c4.8,4.2,9.6,8.6,14.2,13c8,7.6,15,16.2,20.9,25.6"/>
|
||
|
|
<path class="st0 path_11" d="M1400,550.3c-2.4,2.5-4.9,4.9-7.5,7.3c-4.7,4.4-9.4,8.2-14.3,12.3"/>
|
||
|
|
<path class="st0 path_12" d="M1377.9,0c5,4.2,9.9,8.5,14.7,12.9c2.4,2.3,4.8,4.5,7,6.8"/>
|
||
|
|
<path class="st0 path_13" d="M1400,563c-2.9,2.5-5.7,4.6-8.7,7"/>
|
||
|
|
<path class="st0 path_14" d="M1391.1,0c3,2.4,5.9,5.1,8.9,7.6"/>
|
||
|
|
</g>
|
||
|
|
</svg>
|