-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwave.txt
1 lines (1 loc) · 6.03 KB
/
wave.txt
1
document.write(`<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 590" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150"><style>.path-0{animation:pathAnim-0 4s;animation-timing-function: linear;animation-iteration-count: infinite;}@keyframes pathAnim-0{0%{d: path("M 0,600 C 0,600 0,300 0,300 C 43.84860821063205,318.2116233577414 87.6972164212641,336.42324671548283 144,318 C 200.3027835787359,299.57675328451717 269.05974252557564,244.5186364958101 313,228 C 356.94025747442436,211.4813635041899 376.0638134764334,233.50220730127677 416,236 C 455.9361865235666,238.49779269872323 516.6850035686906,221.47253429908272 566,262 C 615.3149964313094,302.5274657009173 653.196172248804,400.60765550239233 698,405 C 742.803827751196,409.39234449760767 794.5303074360938,320.0968436913479 846,294 C 897.4696925639062,267.9031563086521 948.6825980068202,305.00496973221607 993,289 C 1037.3174019931798,272.99503026778393 1074.7393005366255,203.88327737978796 1130,204 C 1185.2606994633745,204.11672262021204 1258.3601998466786,273.46192074863205 1313,301 C 1367.6398001533214,328.53807925136795 1403.8199000766608,314.26903962568394 1440,300 C 1440,300 1440,600 1440,600 Z");}25%{d: path("M 0,600 C 0,600 0,300 0,300 C 50.062637130243985,341.67514340849607 100.12527426048797,383.3502868169922 143,400 C 185.87472573951203,416.6497131830078 221.56154008829202,408.2739961405272 273,367 C 324.438459911708,325.7260038594728 391.62856538634384,251.55372862089928 449,275 C 506.37143461365616,298.4462713791007 553.9241983663327,419.5110893758757 600,401 C 646.0758016336673,382.4889106241243 690.6746411483253,224.40191387559807 731,205 C 771.3253588516747,185.59808612440193 807.3772370403658,304.881255121732 854,353 C 900.6227629596342,401.118744878268 957.8164106902111,378.0730656374739 1002,349 C 1046.1835893097889,319.9269343625261 1077.3571201987893,284.82648232837244 1125,256 C 1172.6428798012107,227.1735176716276 1236.7551085146315,204.62100504903646 1292,213 C 1347.2448914853685,221.37899495096354 1393.6224457426842,260.68949747548174 1440,300 C 1440,300 1440,600 1440,600 Z");}50%{d: path("M 0,600 C 0,600 0,300 0,300 C 44.35960506489731,336.51071928943406 88.71921012979462,373.02143857886807 138,384 C 187.28078987020538,394.97856142113193 241.48276454571885,380.4249649739618 298,376 C 354.51723545428115,371.5750350260382 413.34973168732984,377.2787015252848 458,349 C 502.65026831267016,320.7212984747152 533.1183087049618,258.46022892489884 580,243 C 626.8816912950382,227.53977107510113 690.1770334928229,258.8803827751196 733,261 C 775.8229665071771,263.1196172248804 798.1735573237463,236.0182399746227 845,263 C 891.8264426762537,289.9817600253773 963.1287372121919,371.0466573263898 1012,365 C 1060.871262787808,358.9533426736102 1087.3114938274869,265.79513071981813 1133,263 C 1178.6885061725131,260.20486928018187 1243.6252874778609,347.7728197943377 1298,369 C 1352.3747125221391,390.2271802056623 1396.1873562610695,345.11359010283115 1440,300 C 1440,300 1440,600 1440,600 Z");}75%{d: path("M 0,600 C 0,600 0,300 0,300 C 49.31951677284623,293.61534801342884 98.63903354569246,287.2306960268577 145,262 C 191.36096645430754,236.76930397314229 234.7633825900764,192.692563905998 285,190 C 335.2366174099236,187.307436094002 392.30743609400196,225.99904834915012 434,223 C 475.69256390599804,220.00095165084988 502.0068730339158,175.31124269740144 555,218 C 607.9931269660842,260.68875730259856 687.6650717703349,390.7559808612441 746,407 C 804.3349282296651,423.2440191387559 841.3328398847447,325.66483385762245 885,264 C 928.6671601152553,202.33516614237755 979.003568690687,176.58468370826608 1030,190 C 1080.996431309313,203.41531629173392 1132.6528853525072,255.99643130931298 1175,291 C 1217.3471146474928,326.003568690687 1250.3848898992837,343.429591054482 1293,342 C 1335.6151101007163,340.570408945518 1387.8075550503581,320.285204472759 1440,300 C 1440,300 1440,600 1440,600 Z");}100%{d: path("M 0,600 C 0,600 0,300 0,300 C 43.84860821063205,318.2116233577414 87.6972164212641,336.42324671548283 144,318 C 200.3027835787359,299.57675328451717 269.05974252557564,244.5186364958101 313,228 C 356.94025747442436,211.4813635041899 376.0638134764334,233.50220730127677 416,236 C 455.9361865235666,238.49779269872323 516.6850035686906,221.47253429908272 566,262 C 615.3149964313094,302.5274657009173 653.196172248804,400.60765550239233 698,405 C 742.803827751196,409.39234449760767 794.5303074360938,320.0968436913479 846,294 C 897.4696925639062,267.9031563086521 948.6825980068202,305.00496973221607 993,289 C 1037.3174019931798,272.99503026778393 1074.7393005366255,203.88327737978796 1130,204 C 1185.2606994633745,204.11672262021204 1258.3601998466786,273.46192074863205 1313,301 C 1367.6398001533214,328.53807925136795 1403.8199000766608,314.26903962568394 1440,300 C 1440,300 1440,600 1440,600 Z");}}</style><defs><linearGradient id="gradient" x1="10%" y1="57%" x2="0%" y2="7%"><stop offset="5%" stop-color="rgb(5, 51, 136 )"></stop><stop offset="95%" stop-color="#000000"></stop></linearGradient></defs><path d="M 0,600 C 0,600 0,300 0,300 C 43.84860821063205,318.2116233577414 87.6972164212641,336.42324671548283 144,318 C 200.3027835787359,299.57675328451717 269.05974252557564,244.5186364958101 313,228 C 356.94025747442436,211.4813635041899 376.0638134764334,233.50220730127677 416,236 C 455.9361865235666,238.49779269872323 516.6850035686906,221.47253429908272 566,262 C 615.3149964313094,302.5274657009173 653.196172248804,400.60765550239233 698,405 C 742.803827751196,409.39234449760767 794.5303074360938,320.0968436913479 846,294 C 897.4696925639062,267.9031563086521 948.6825980068202,305.00496973221607 993,289 C 1037.3174019931798,272.99503026778393 1074.7393005366255,203.88327737978796 1130,204 C 1185.2606994633745,204.11672262021204 1258.3601998466786,273.46192074863205 1313,301 C 1367.6398001533214,328.53807925136795 1403.8199000766608,314.26903962568394 1440,300 C 1440,300 1440,600 1440,600 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-0" transform="rotate(-180 720 300)"></path></svg>`)