添加svg

Java4ye · Java4ye · commit 3f9678fe3ff7 · 2024-03-07T23:38:55.000+08:00
diff --git a/background.svg b/background.svg
@@ -0,0 +1,67 @@
+<svg width="100%" height="100%" id="svg" viewBox="0 0 1440 490" 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,500 L 0,318 C 51.54050073637703,303.7773379970545 103.08100147275405,289.55467599410895 160,272 C 216.91899852724595,254.44532400589102 279.2164948453608,233.5586340206186 334,217 C 388.7835051546392,200.4413659793814 436.05301914580275,188.21078792341677 508,174 C 579.9469808541972,159.78921207658323 676.5714285714286,143.59821428571428 743,125 C 809.4285714285714,106.40178571428571 845.661266568483,85.39635493372607 904,41 C 962.338733431517,-3.396354933726074 1042.783505154639,-71.18363402061857 1096,-102 C 1149.216494845361,-132.81636597938143 1175.2047128129605,-126.66181885125184 1228,-138 C 1280.7952871870395,-149.33818114874816 1360.3976435935197,-178.16909057437408 1440,-207 L 1440,500 L 0,500 Z");
+            }
+            25%{
+              d: path("M 0,500 L 0,318 C 43.09830633284241,320.80237481590575 86.19661266568482,323.6047496318115 154,304 C 221.80338733431518,284.3952503681885 314.31185567010306,242.38337628865978 376,214 C 437.68814432989694,185.61662371134022 468.55596465390283,170.86174521354934 515,158 C 561.4440353460972,145.13825478645066 623.4642857142858,134.16964285714286 699,111 C 774.5357142857142,87.83035714285714 863.5868924889542,52.45968335787923 931,28 C 998.4131075110458,3.5403166421207724 1044.188144329897,-10.008376288659775 1092,-43 C 1139.811855670103,-75.99162371134022 1189.660530191458,-128.42617820324008 1248,-159 C 1306.339469808542,-189.57382179675992 1373.169734904271,-198.28691089837997 1440,-207 L 1440,500 L 0,500 Z");
+            }
+            50%{
+              d: path("M 0,500 L 0,318 C 53.66642120765833,337.1366899852725 107.33284241531666,356.2733799705449 166,340 C 224.66715758468334,323.7266200294551 288.33505154639175,272.04317010309273 346,232 C 403.66494845360825,191.95682989690724 455.3269513991163,163.55393961708393 523,138 C 590.6730486008837,112.44606038291606 674.3571428571429,89.74107142857142 733,76 C 791.6428571428571,62.25892857142858 825.2444771723121,57.481774668630344 890,32 C 954.7555228276879,6.518225331369658 1050.664948453608,-39.66817010309279 1111,-73 C 1171.335051546392,-106.33182989690721 1196.0957290132549,-126.80909425625921 1245,-147 C 1293.9042709867451,-167.19090574374079 1366.9521354933727,-187.0954528718704 1440,-207 L 1440,500 L 0,500 Z");
+            }
+            75%{
+              d: path("M 0,500 L 0,318 C 60.888254786450645,331.0809094256259 121.77650957290129,344.1618188512518 180,323 C 238.2234904270987,301.8381811487482 293.7822164948454,246.4336340206186 352,228 C 410.2177835051546,209.5663659793814 471.09462444771725,228.1036450662739 537,213 C 602.9053755522827,197.8963549337261 673.8392857142858,149.15178571428572 727,107 C 780.1607142857142,64.84821428571428 815.54823269514,29.289212076583205 880,9 C 944.45176730486,-11.289212076583203 1037.9677835051546,-16.30863402061854 1109,-49 C 1180.0322164948454,-81.69136597938146 1228.5806332842415,-142.054675994109 1280,-173 C 1331.4193667157585,-203.945324005891 1385.7096833578794,-205.4726620029455 1440,-207 L 1440,500 L 0,500 Z");
+            }
+            100%{
+              d: path("M 0,500 L 0,318 C 51.54050073637703,303.7773379970545 103.08100147275405,289.55467599410895 160,272 C 216.91899852724595,254.44532400589102 279.2164948453608,233.5586340206186 334,217 C 388.7835051546392,200.4413659793814 436.05301914580275,188.21078792341677 508,174 C 579.9469808541972,159.78921207658323 676.5714285714286,143.59821428571428 743,125 C 809.4285714285714,106.40178571428571 845.661266568483,85.39635493372607 904,41 C 962.338733431517,-3.396354933726074 1042.783505154639,-71.18363402061857 1096,-102 C 1149.216494845361,-132.81636597938143 1175.2047128129605,-126.66181885125184 1228,-138 C 1280.7952871870395,-149.33818114874816 1360.3976435935197,-178.16909057437408 1440,-207 L 1440,500 L 0,500 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,500 L 0,318 C 51.54050073637703,303.7773379970545 103.08100147275405,289.55467599410895 160,272 C 216.91899852724595,254.44532400589102 279.2164948453608,233.5586340206186 334,217 C 388.7835051546392,200.4413659793814 436.05301914580275,188.21078792341677 508,174 C 579.9469808541972,159.78921207658323 676.5714285714286,143.59821428571428 743,125 C 809.4285714285714,106.40178571428571 845.661266568483,85.39635493372607 904,41 C 962.338733431517,-3.396354933726074 1042.783505154639,-71.18363402061857 1096,-102 C 1149.216494845361,-132.81636597938143 1175.2047128129605,-126.66181885125184 1228,-138 C 1280.7952871870395,-149.33818114874816 1360.3976435935197,-178.16909057437408 1440,-207 L 1440,500 L 0,500 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="0.4" class="transition-all duration-300 ease-in-out delay-150 path-0" transform="rotate(-180 720 250)"></path><style>
+          .path-1{
+            animation:pathAnim-1 4s;
+            animation-timing-function: linear;
+            animation-iteration-count: infinite;
+          }
+          @keyframes pathAnim-1{
+            0%{
+              d: path("M 0,500 L 0,443 C 73.78902798232696,460.09692562592045 147.5780559646539,477.19385125184095 211,458 C 274.4219440353461,438.80614874815905 327.4768041237113,383.3215206185567 382,363 C 436.5231958762887,342.6784793814433 492.51472754050076,357.5200662739323 549,335 C 605.4852724594992,312.4799337260677 662.4642857142858,252.5982142857143 727,218 C 791.5357142857142,183.4017857142857 863.6281296023564,174.0870765832106 919,161 C 974.3718703976436,147.9129234167894 1013.0231958762888,131.0534793814433 1076,105 C 1138.9768041237112,78.94652061855669 1226.279086892489,43.6990058910162 1291,11 C 1355.720913107511,-21.699005891016196 1397.8604565537555,-51.8495029455081 1440,-82 L 1440,500 L 0,500 Z");
+            }
+            25%{
+              d: path("M 0,500 L 0,443 C 62.185751104565526,434.3106590574374 124.37150220913105,425.6213181148748 175,423 C 225.62849779086895,420.3786818851252 264.69974226804135,423.82538659793806 328,414 C 391.30025773195865,404.17461340206194 478.82952871870395,381.07713549337257 552,336 C 625.170471281296,290.92286450662743 683.9821428571429,223.86607142857144 741,178 C 798.0178571428571,132.13392857142856 853.2418998527247,107.45857879234165 909,105 C 964.7581001472753,102.54142120765835 1021.0502577319587,122.29961340206187 1080,114 C 1138.9497422680413,105.70038659793813 1200.5570692194406,69.34296759941088 1261,32 C 1321.4429307805594,-5.3429675994108905 1380.7214653902797,-43.67148379970544 1440,-82 L 1440,500 L 0,500 Z");
+            }
+            50%{
+              d: path("M 0,500 L 0,443 C 61.15850515463919,455.4328976435935 122.31701030927837,467.86579528718704 175,459 C 227.68298969072163,450.13420471281296 271.8904639175258,419.9697164948454 336,397 C 400.1095360824742,374.0302835051546 484.12113402061857,358.2553387334316 557,340 C 629.8788659793814,321.7446612665684 691.625,301.00892857142856 742,253 C 792.375,204.99107142857144 831.3788659793814,129.7089469808542 885,100 C 938.6211340206186,70.29105301914579 1006.859536082474,86.15528350515463 1071,79 C 1135.140463917526,71.84471649484537 1195.1829896907216,41.66991899852725 1256,11 C 1316.8170103092784,-19.669918998527248 1378.4085051546392,-50.834959499263626 1440,-82 L 1440,500 L 0,500 Z");
+            }
+            75%{
+              d: path("M 0,500 L 0,443 C 60.60309278350516,436.7169550810015 121.20618556701032,430.433910162003 182,426 C 242.79381443298968,421.566089837997 303.77835051546396,418.9813144329897 363,392 C 422.22164948453604,365.0186855670103 479.680412371134,313.6408321060383 535,293 C 590.319587628866,272.3591678939617 643.5,282.4553571428571 699,248 C 754.5,213.54464285714286 812.3195876288659,134.53773932253313 877,101 C 941.6804123711341,67.46226067746686 1013.2216494845361,79.39368556701031 1073,63 C 1132.778350515464,46.60631443298969 1180.7938144329898,1.887518409425617 1240,-27 C 1299.2061855670102,-55.88751840942562 1369.603092783505,-68.9437592047128 1440,-82 L 1440,500 L 0,500 Z");
+            }
+            100%{
+              d: path("M 0,500 L 0,443 C 73.78902798232696,460.09692562592045 147.5780559646539,477.19385125184095 211,458 C 274.4219440353461,438.80614874815905 327.4768041237113,383.3215206185567 382,363 C 436.5231958762887,342.6784793814433 492.51472754050076,357.5200662739323 549,335 C 605.4852724594992,312.4799337260677 662.4642857142858,252.5982142857143 727,218 C 791.5357142857142,183.4017857142857 863.6281296023564,174.0870765832106 919,161 C 974.3718703976436,147.9129234167894 1013.0231958762888,131.0534793814433 1076,105 C 1138.9768041237112,78.94652061855669 1226.279086892489,43.6990058910162 1291,11 C 1355.720913107511,-21.699005891016196 1397.8604565537555,-51.8495029455081 1440,-82 L 1440,500 L 0,500 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,500 L 0,443 C 73.78902798232696,460.09692562592045 147.5780559646539,477.19385125184095 211,458 C 274.4219440353461,438.80614874815905 327.4768041237113,383.3215206185567 382,363 C 436.5231958762887,342.6784793814433 492.51472754050076,357.5200662739323 549,335 C 605.4852724594992,312.4799337260677 662.4642857142858,252.5982142857143 727,218 C 791.5357142857142,183.4017857142857 863.6281296023564,174.0870765832106 919,161 C 974.3718703976436,147.9129234167894 1013.0231958762888,131.0534793814433 1076,105 C 1138.9768041237112,78.94652061855669 1226.279086892489,43.6990058910162 1291,11 C 1355.720913107511,-21.699005891016196 1397.8604565537555,-51.8495029455081 1440,-82 L 1440,500 L 0,500 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="0.53" class="transition-all duration-300 ease-in-out delay-150 path-1" transform="rotate(-180 720 250)"></path><style>
+          .path-2{
+            animation:pathAnim-2 4s;
+            animation-timing-function: linear;
+            animation-iteration-count: infinite;
+          }
+          @keyframes pathAnim-2{
+            0%{
+              d: path("M 0,500 L 0,568 C 76.32253313696613,567.926086156112 152.64506627393226,567.8521723122238 204,563 C 255.35493372606774,558.1478276877762 281.7422680412372,548.5173969072165 329,528 C 376.2577319587628,507.4826030927835 444.3858615611192,476.0782400589102 519,433 C 593.6141384388808,389.9217599410898 674.7142857142857,335.1696428571429 731,316 C 787.2857142857143,296.8303571428571 818.7569955817378,313.24318851251843 869,311 C 919.2430044182622,308.75681148748157 988.2577319587629,287.8576030927835 1063,238 C 1137.7422680412371,188.1423969072165 1218.2120765832105,109.32639911634757 1282,72 C 1345.7879234167895,34.67360088365243 1392.8939617083947,38.83680044182621 1440,43 L 1440,500 L 0,500 Z");
+            }
+            25%{
+              d: path("M 0,500 L 0,568 C 40.71410162002947,554.0175810014728 81.42820324005893,540.0351620029455 148,527 C 214.57179675994107,513.9648379970545 307.00128865979383,501.87693298969066 374,484 C 440.99871134020617,466.12306701030934 482.5666421207658,442.4571060382916 541,429 C 599.4333578792342,415.5428939617084 674.7321428571429,412.29464285714283 741,384 C 807.2678571428571,355.70535714285717 864.5047864506626,302.36432253313694 920,278 C 975.4952135493374,253.63567746686306 1029.2487113402062,258.2480670103093 1089,238 C 1148.7512886597938,217.75193298969072 1214.5003681885125,172.64340942562592 1274,136 C 1333.4996318114875,99.35659057437408 1386.7498159057436,71.17829528718704 1440,43 L 1440,500 L 0,500 Z");
+            }
+            50%{
+              d: path("M 0,500 L 0,568 C 60.426730486008836,582.7951951399116 120.85346097201767,597.5903902798233 173,580 C 225.14653902798233,562.4096097201767 269.0128865979381,512.4336340206186 339,479 C 408.9871134020619,445.56636597938143 505.0949926362298,428.6750736377025 573,413 C 640.9050073637702,397.3249263622975 680.6071428571428,382.8660714285714 731,368 C 781.3928571428572,353.1339285714286 842.4764359351989,337.86064064801184 892,312 C 941.5235640648011,286.13935935198816 979.487113402062,249.6913659793814 1046,219 C 1112.512886597938,188.3086340206186 1207.5751104565536,163.37389543446244 1278,135 C 1348.4248895434464,106.62610456553755 1394.2124447717233,74.81305228276878 1440,43 L 1440,500 L 0,500 Z");
+            }
+            75%{
+              d: path("M 0,500 L 0,568 C 78.66458026509574,584.0647091310751 157.32916053019147,600.1294182621502 209,579 C 260.6708394698085,557.8705817378498 285.3479381443299,499.5470360824742 331,478 C 376.6520618556701,456.4529639175258 443.27908689248886,471.6824374079528 509,454 C 574.7209131075111,436.3175625920472 639.5357142857144,385.72321428571433 699,356 C 758.4642857142856,326.27678571428567 812.5780559646539,317.42470544919 878,283 C 943.4219440353461,248.57529455080999 1020.1520618556701,188.57796391752578 1085,151 C 1149.8479381443299,113.42203608247422 1202.8136966126658,98.26343888070691 1260,84 C 1317.1863033873342,69.73656111929309 1378.593151693667,56.36828055964654 1440,43 L 1440,500 L 0,500 Z");
+            }
+            100%{
+              d: path("M 0,500 L 0,568 C 76.32253313696613,567.926086156112 152.64506627393226,567.8521723122238 204,563 C 255.35493372606774,558.1478276877762 281.7422680412372,548.5173969072165 329,528 C 376.2577319587628,507.4826030927835 444.3858615611192,476.0782400589102 519,433 C 593.6141384388808,389.9217599410898 674.7142857142857,335.1696428571429 731,316 C 787.2857142857143,296.8303571428571 818.7569955817378,313.24318851251843 869,311 C 919.2430044182622,308.75681148748157 988.2577319587629,287.8576030927835 1063,238 C 1137.7422680412371,188.1423969072165 1218.2120765832105,109.32639911634757 1282,72 C 1345.7879234167895,34.67360088365243 1392.8939617083947,38.83680044182621 1440,43 L 1440,500 L 0,500 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,500 L 0,568 C 76.32253313696613,567.926086156112 152.64506627393226,567.8521723122238 204,563 C 255.35493372606774,558.1478276877762 281.7422680412372,548.5173969072165 329,528 C 376.2577319587628,507.4826030927835 444.3858615611192,476.0782400589102 519,433 C 593.6141384388808,389.9217599410898 674.7142857142857,335.1696428571429 731,316 C 787.2857142857143,296.8303571428571 818.7569955817378,313.24318851251843 869,311 C 919.2430044182622,308.75681148748157 988.2577319587629,287.8576030927835 1063,238 C 1137.7422680412371,188.1423969072165 1218.2120765832105,109.32639911634757 1282,72 C 1345.7879234167895,34.67360088365243 1392.8939617083947,38.83680044182621 1440,43 L 1440,500 L 0,500 Z" stroke="none" stroke-width="0" fill="url(#gradient)" fill-opacity="1" class="transition-all duration-300 ease-in-out delay-150 path-2" transform="rotate(-180 720 250)"></path></svg>
