Add header.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 108.44976076555025,141.30143540669854 216.8995215311005,132.60287081339712 300,134 C 383.1004784688995,135.39712918660288 440.8516746411483,146.88995215311007 527,160 C 613.1483253588517,173.11004784688993 727.6937799043063,187.83732057416265 847,175 C 966.3062200956937,162.16267942583735 1090.3732057416266,121.76076555023924 1190,113 C 1289.6267942583734,104.23923444976076 1364.8133971291868,127.11961722488039 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
25%{
|
||||
d: path("M 0,600 L 0,150 C 119.60765550239236,131.10047846889952 239.21531100478472,112.20095693779906 333,103 C 426.7846889952153,93.79904306220094 494.7464114832535,94.29665071770333 576,125 C 657.2535885167465,155.70334928229667 751.7990430622011,216.61244019138755 849,205 C 946.2009569377989,193.38755980861245 1046.0574162679425,109.25358851674642 1145,88 C 1243.9425837320575,66.74641148325358 1341.9712918660289,108.37320574162679 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
50%{
|
||||
d: path("M 0,600 L 0,150 C 86.01913875598089,153.94258373205741 172.03827751196178,157.88516746411483 270,174 C 367.9617224880382,190.11483253588517 477.86602870813397,218.40191387559813 570,224 C 662.133971291866,229.59808612440187 736.4976076555024,212.5071770334928 821,196 C 905.5023923444976,179.4928229665072 1000.1435406698565,163.5693779904306 1105,156 C 1209.8564593301435,148.4306220095694 1324.9282296650717,149.2153110047847 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
75%{
|
||||
d: path("M 0,600 L 0,150 C 96.36363636363635,171.83732057416267 192.7272727272727,193.67464114832538 281,178 C 369.2727272727273,162.32535885167462 449.4545454545455,109.13875598086125 558,93 C 666.5454545454545,76.86124401913875 803.4545454545454,97.77033492822966 904,121 C 1004.5454545454546,144.22966507177034 1068.7272727272727,169.7799043062201 1152,175 C 1235.2727272727273,180.2200956937799 1337.6363636363635,165.11004784688996 1440,150 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
100%{
|
||||
d: path("M 0,600 L 0,150 C 108.44976076555025,141.30143540669854 216.8995215311005,132.60287081339712 300,134 C 383.1004784688995,135.39712918660288 440.8516746411483,146.88995215311007 527,160 C 613.1483253588517,173.11004784688993 727.6937799043063,187.83732057416265 847,175 C 966.3062200956937,162.16267942583735 1090.3732057416266,121.76076555023924 1190,113 C 1289.6267942583734,104.23923444976076 1364.8133971291868,127.11961722488039 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 108.44976076555025,141.30143540669854 216.8995215311005,132.60287081339712 300,134 C 383.1004784688995,135.39712918660288 440.8516746411483,146.88995215311007 527,160 C 613.1483253588517,173.11004784688993 727.6937799043063,187.83732057416265 847,175 C 966.3062200956937,162.16267942583735 1090.3732057416266,121.76076555023924 1190,113 C 1289.6267942583734,104.23923444976076 1364.8133971291868,127.11961722488039 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" transform="rotate(-180 720 300)"></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 121.73205741626793,396.3444976076555 243.46411483253587,442.68899521531097 338,422 C 432.53588516746413,401.31100478468903 499.87559808612446,313.5885167464115 594,308 C 688.1244019138755,302.4114832535885 809.0334928229664,378.9569377990431 896,391 C 982.9665071770336,403.0430622009569 1035.9904306220096,350.5837320574163 1121,333 C 1206.0095693779904,315.4162679425837 1323.0047846889952,332.7081339712919 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
25%{
|
||||
d: path("M 0,600 L 0,350 C 91.44497607655498,381.85645933014354 182.88995215310996,413.7129186602871 268,388 C 353.11004784689004,362.2870813397129 431.88516746411494,279.00478468899524 542,277 C 652.1148325358851,274.99521531100476 793.5693779904306,354.267942583732 887,384 C 980.4306220095694,413.732057416268 1025.8373205741627,393.92344497607655 1110,380 C 1194.1626794258373,366.07655502392345 1317.0813397129186,358.0382775119617 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
50%{
|
||||
d: path("M 0,600 L 0,350 C 77.95215311004787,373.21531100478467 155.90430622009575,396.4306220095694 270,399 C 384.09569377990425,401.5693779904306 534.334928229665,383.4928229665072 628,355 C 721.665071770335,326.5071770334928 758.7559808612441,287.5980861244019 827,291 C 895.2440191387559,294.4019138755981 994.6411483253589,340.11483253588517 1102,357 C 1209.358851674641,373.88516746411483 1324.6794258373207,361.9425837320574 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
75%{
|
||||
d: path("M 0,600 L 0,350 C 89.3397129186603,356.1626794258373 178.6794258373206,362.32535885167465 271,382 C 363.3205741626794,401.67464114832535 458.62200956937806,434.8612440191388 569,407 C 679.3779904306219,379.1387559808612 804.8325358851674,290.22966507177034 896,286 C 987.1674641148326,281.77033492822966 1044.047846889952,362.2200956937799 1129,387 C 1213.952153110048,411.7799043062201 1326.976076555024,380.88995215311 1440,350 L 1440,600 L 0,600 Z");
|
||||
}
|
||||
100%{
|
||||
d: path("M 0,600 L 0,350 C 121.73205741626793,396.3444976076555 243.46411483253587,442.68899521531097 338,422 C 432.53588516746413,401.31100478468903 499.87559808612446,313.5885167464115 594,308 C 688.1244019138755,302.4114832535885 809.0334928229664,378.9569377990431 896,391 C 982.9665071770336,403.0430622009569 1035.9904306220096,350.5837320574163 1121,333 C 1206.0095693779904,315.4162679425837 1323.0047846889952,332.7081339712919 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 121.73205741626793,396.3444976076555 243.46411483253587,442.68899521531097 338,422 C 432.53588516746413,401.31100478468903 499.87559808612446,313.5885167464115 594,308 C 688.1244019138755,302.4114832535885 809.0334928229664,378.9569377990431 896,391 C 982.9665071770336,403.0430622009569 1035.9904306220096,350.5837320574163 1121,333 C 1206.0095693779904,315.4162679425837 1323.0047846889952,332.7081339712919 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" transform="rotate(-180 720 300)"></path></svg>
|
||||
|
After Width: | Height: | Size: 7.3 KiB |
Reference in New Issue
Block a user