Add footer.svg
This commit is contained in:
+45
@@ -0,0 +1,45 @@
|
||||
<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 L 0,150 C 121.92344497607655,154.33492822966508 243.8468899521531,158.66985645933013 334,180 C 424.1531100478469,201.33014354066987 482.53588516746413,239.65550239234452 563,224 C 643.4641148325359,208.34449760765548 746.0095693779905,138.70813397129183 839,110 C 931.9904306220095,81.29186602870816 1015.4258373205741,93.51196172248805 1114,107 C 1212.5741626794259,120.48803827751195 1326.287081339713,135.24401913875596 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
25%{
|
||||
d: path("M 0,600 L 0,150 C 76.93779904306217,156.60287081339715 153.87559808612434,163.20574162679426 249,165 C 344.12440191387566,166.79425837320574 457.43540669856463,163.7799043062201 571,165 C 684.5645933014354,166.2200956937799 798.3827751196172,171.67464114832538 892,161 C 985.6172248803828,150.32535885167462 1059.0334928229665,123.52153110047847 1147,119 C 1234.9665071770335,114.47846889952153 1337.4832535885166,132.23923444976077 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
50%{
|
||||
d: path("M 0,600 L 0,150 C 80.8133971291866,135.73205741626793 161.6267942583732,121.46411483253587 263,139 C 364.3732057416268,156.53588516746413 486.3062200956938,205.87559808612443 599,203 C 711.6937799043062,200.12440191387557 815.1483253588517,145.03349282296648 898,148 C 980.8516746411483,150.96650717703352 1043.1004784688996,211.99043062200957 1130,222 C 1216.8995215311004,232.00956937799043 1328.4497607655503,191.00478468899522 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
75%{
|
||||
d: path("M 0,600 L 0,150 C 85.55023923444975,122.85167464114832 171.1004784688995,95.70334928229666 278,96 C 384.8995215311005,96.29665071770334 513.1483253588517,124.03827751196172 609,145 C 704.8516746411483,165.96172248803828 768.3062200956938,180.14354066985646 845,182 C 921.6937799043062,183.85645933014354 1011.6267942583731,173.38755980861245 1113,166 C 1214.3732057416269,158.61244019138755 1327.1866028708134,154.3062200956938 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
100%{
|
||||
d: path("M 0,600 L 0,150 C 121.92344497607655,154.33492822966508 243.8468899521531,158.66985645933013 334,180 C 424.1531100478469,201.33014354066987 482.53588516746413,239.65550239234452 563,224 C 643.4641148325359,208.34449760765548 746.0095693779905,138.70813397129183 839,110 C 931.9904306220095,81.29186602870816 1015.4258373205741,93.51196172248805 1114,107 C 1212.5741626794259,120.48803827751195 1326.287081339713,135.24401913875596 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
}</style><defs><linearGradient id="gradient" x1="0%" y1="50%" x2="100%" y2="50%"><stop offset="5%" stop-color="#F78DA7"></stop><stop offset="95%" stop-color="#8ED1FC"></stop></linearGradient></defs><path d="M 0,600 L 0,150 C 121.92344497607655,154.33492822966508 243.8468899521531,158.66985645933013 334,180 C 424.1531100478469,201.33014354066987 482.53588516746413,239.65550239234452 563,224 C 643.4641148325359,208.34449760765548 746.0095693779905,138.70813397129183 839,110 C 931.9904306220095,81.29186602870816 1015.4258373205741,93.51196172248805 1114,107 C 1212.5741626794259,120.48803827751195 1326.287081339713,135.24401913875596 1440,150 L 1440,600 L 0,600 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="0.53" class="transition-all duration-300 ease-in-out delay-150 path-0"></path><style>
|
||||
.path-1{
|
||||
animation:pathAnim-1 4s;
|
||||
animation-timing-function: linear;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
@keyframes pathAnim-1{
|
||||
0%{
|
||||
d: path("M 0,600 L 0,350 C 64.95693779904306,341.12918660287085 129.91387559808612,332.25837320574163 237,354 C 344.0861244019139,375.74162679425837 493.3014354066987,428.0956937799043 603,413 C 712.6985645933013,397.9043062200957 782.8803827751196,315.3588516746412 857,297 C 931.1196172248804,278.6411483253588 1009.1770334928228,324.4688995215311 1107,344 C 1204.8229665071772,363.5311004784689 1322.4114832535886,356.76555023923447 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
25%{
|
||||
d: path("M 0,600 L 0,350 C 77.99043062200957,364.5837320574162 155.98086124401914,379.1674641148325 248,366 C 340.01913875598086,352.8325358851675 446.0669856459331,311.9138755980862 537,298 C 627.9330143540669,284.0861244019138 703.7511961722488,297.17703349282294 820,310 C 936.2488038277512,322.82296650717706 1092.928229665072,335.377990430622 1203,342 C 1313.071770334928,348.622009569378 1376.5358851674641,349.311004784689 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
50%{
|
||||
d: path("M 0,600 L 0,350 C 118.59330143540669,349.87559808612446 237.18660287081337,349.75119617224885 324,344 C 410.8133971291866,338.24880382775115 465.846889952153,326.87081339712915 555,316 C 644.153110047847,305.12918660287085 767.4258373205741,294.76555023923447 865,311 C 962.5741626794259,327.23444976076553 1034.44976076555,370.0669856459331 1126,381 C 1217.55023923445,391.9330143540669 1328.7751196172248,370.96650717703346 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
75%{
|
||||
d: path("M 0,600 L 0,350 C 68.76555023923444,370.3923444976076 137.5311004784689,390.7846889952153 236,370 C 334.4688995215311,349.2153110047847 462.6411483253589,287.25358851674645 562,288 C 661.3588516746411,288.74641148325355 731.9043062200957,352.20095693779905 816,367 C 900.0956937799043,381.79904306220095 997.7416267942585,347.9425837320574 1104,337 C 1210.2583732057415,326.0574162679426 1325.1291866028707,338.0287081339713 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
100%{
|
||||
d: path("M 0,600 L 0,350 C 64.95693779904306,341.12918660287085 129.91387559808612,332.25837320574163 237,354 C 344.0861244019139,375.74162679425837 493.3014354066987,428.0956937799043 603,413 C 712.6985645933013,397.9043062200957 782.8803827751196,315.3588516746412 857,297 C 931.1196172248804,278.6411483253588 1009.1770334928228,324.4688995215311 1107,344 C 1204.8229665071772,363.5311004784689 1322.4114832535886,356.76555023923447 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
}</style><defs><linearGradient id="gradient" x1="0%" y1="50%" x2="100%" y2="50%"><stop offset="5%" stop-color="#F78DA7"></stop><stop offset="95%" stop-color="#8ED1FC"></stop></linearGradient></defs><path d="M 0,600 L 0,350 C 64.95693779904306,341.12918660287085 129.91387559808612,332.25837320574163 237,354 C 344.0861244019139,375.74162679425837 493.3014354066987,428.0956937799043 603,413 C 712.6985645933013,397.9043062200957 782.8803827751196,315.3588516746412 857,297 C 931.1196172248804,278.6411483253588 1009.1770334928228,324.4688995215311 1107,344 C 1204.8229665071772,363.5311004784689 1322.4114832535886,356.76555023923447 1440,350 L 1440,600 L 0,600 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-1"></path></svg>
|
||||
|
After Width: | Height: | Size: 7.2 KiB |
Reference in New Issue
Block a user