htm/css/js 实现2020年文字动画 happy new year 2020 cid1042 -代码设计
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"><title></title>
<link rel="stylesheet" href="style.css">
<script src="jquery.js"></script>
</head>
<body>
<div class="container nav_container mt-5">
<div class="col-sm-12 col-md-12 mauto">
<svg width="100%" height="100%" viewBox="0 0 750 500" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="newyear2020">
<path id="Vector" d="M750 0H0V500H750V0Z" fill="#1C2033"/>
<path id="Vector_2" d="M375 27.7H723.7V472.3H375" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_3" d="M375 37.3H697.2C697.2 46.5 704.7 54 713.9 54V446C704.7 446 697.2 453.5 697.2 462.7H375" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_4" d="M737.2 14.2H723.7V27.7H737.2V14.2Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_5" d="M737.2 472.3H723.7V485.8H737.2V472.3Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<g id="Group">
<path id="Vector_6" d="M625.7 305.5L588.1 370.7H663.4L625.7 305.5Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_7" d="M625.7 330.6L581.6 407.1H669.9L625.7 330.6Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_8" d="M625.7 344.9L570.4 440.7H681.1L625.7 344.9Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_9" d="M634 440.7H617.5V462.7H634V440.7Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_2">
<path id="Vector_10" d="M458.1 356.2L432.6 400.4H483.7L458.1 356.2Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_11" d="M458.1 373.2L428.2 425H488.1L458.1 373.2Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_12" d="M458.1 382.9L420.6 447.8H495.6L458.1 382.9Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_13" d="M458.1 377.9L442.2 405.6H474.1L458.1 377.9Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_14" d="M441.4 411.9L420.6 447.8H462.1L441.4 411.9Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_15" d="M474.9 411.9L454.2 447.8H495.6L474.9 411.9Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_16" d="M463.7 447.8H452.5V462.7H463.7V447.8Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path id="Vector_17" d="M625.7 379.9L612.7 402.4H638.7L625.7 379.9Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_18" d="M625.7 344.9L634.3 330H617.2L625.7 344.9Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_19" d="M625.7 411.9L612.7 434.4H638.7L625.7 411.9Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_20" d="M670.6 440.7L651.2 407.1L630.2 370.7L625.7 363L621.3 370.7L600.3 407.1L580.9 440.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_21" d="M634 458.9H617.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_22" d="M625.7 420.3L620 430.3H631.5L625.7 420.3Z" fill="#EFC87E"/>
<g id="jhalar6">
<path id="Vector_23" d="M636.8 37.3V182.6" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_24" d="M673.167 218.89L636.822 182.545L600.477 218.89L636.822 255.235L673.167 218.89Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_25" d="M651.4 244.6H622.2C616.1 244.6 611.1 239.6 611.1 233.5V204.3C611.1 198.2 616.1 193.2 622.2 193.2H651.4C657.5 193.2 662.5 198.2 662.5 204.3V233.5C662.5 239.7 657.6 244.6 651.4 244.6Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_26" d="M636.8 230C642.93 230 647.9 225.03 647.9 218.9C647.9 212.77 642.93 207.8 636.8 207.8C630.67 207.8 625.7 212.77 625.7 218.9C625.7 225.03 630.67 230 636.8 230Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_27" d="M642 218.9C642 221.8 639.7 224.1 636.8 224.1C633.9 224.1 631.6 221.8 631.6 218.9C631.6 216 633.9 213.7 636.8 213.7C639.7 213.7 642 216.1 642 218.9Z" fill="#EFC87E"/>
<path id="Vector_28" d="M636.8 167.2C639.451 167.2 641.6 165.051 641.6 162.4C641.6 159.749 639.451 157.6 636.8 157.6C634.149 157.6 632 159.749 632 162.4C632 165.051 634.149 167.2 636.8 167.2Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_29" d="M640.2 145.8C640.2 147.7 638.7 149.2 636.8 149.2C634.9 149.2 633.4 147.7 633.4 145.8C633.4 143.9 634.9 142.4 636.8 142.4C638.7 142.4 640.2 143.9 640.2 145.8Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_30" d="M659.5 218.9C659.5 220.9 651.8 221.7 651.2 223.6C650.6 225.5 656.3 230.7 655.1 232.3C653.9 233.9 647.3 230.1 645.7 231.2C644.1 232.4 645.7 239.9 643.8 240.5C642 241.1 638.8 234.1 636.8 234.1C634.8 234.1 631.6 241.1 629.8 240.5C627.9 239.9 629.5 232.3 627.9 231.2C626.3 230 619.6 233.9 618.5 232.3C617.3 230.7 623.1 225.6 622.4 223.6C621.8 221.8 614.1 221 614.1 218.9C614.1 216.9 621.8 216.1 622.4 214.2C623 212.3 617.3 207.1 618.5 205.5C619.7 203.9 626.3 207.7 627.9 206.6C629.5 205.4 627.9 197.9 629.8 197.3C631.6 196.7 634.8 203.7 636.8 203.7C638.8 203.7 642 196.7 643.8 197.3C645.7 197.9 644.1 205.5 645.7 206.6C647.3 207.8 654 203.9 655.1 205.5C656.3 207.1 650.5 212.2 651.2 214.2C651.8 216.1 659.5 216.9 659.5 218.9Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="jhalar5">
<path id="Vector_31" d="M552.5 176.9C570.339 176.9 584.8 162.439 584.8 144.6C584.8 126.761 570.339 112.3 552.5 112.3C534.661 112.3 520.2 126.761 520.2 144.6C520.2 162.439 534.661 176.9 552.5 176.9Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_32" d="M552.5 162.8C562.552 162.8 570.7 154.652 570.7 144.6C570.7 134.548 562.552 126.4 552.5 126.4C542.448 126.4 534.3 134.548 534.3 144.6C534.3 154.652 542.448 162.8 552.5 162.8Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_33" d="M552.5 153.9C557.636 153.9 561.8 149.736 561.8 144.6C561.8 139.464 557.636 135.3 552.5 135.3C547.364 135.3 543.2 139.464 543.2 144.6C543.2 149.736 547.364 153.9 552.5 153.9Z" stroke="#EFC87E" stroke-miterlimit="10"/>
<path id="Vector_34" d="M552.5 148.4C554.599 148.4 556.3 146.699 556.3 144.6C556.3 142.501 554.599 140.8 552.5 140.8C550.401 140.8 548.7 142.501 548.7 144.6C548.7 146.699 550.401 148.4 552.5 148.4Z" fill="#EFC87E"/>
<path id="Vector_35" d="M588 144.6C588 147.8 576 149 575.1 151.9C574.1 154.9 583.1 162.9 581.3 165.4C579.5 167.9 569 161.9 566.5 163.7C564 165.5 566.5 177.3 563.5 178.3C560.6 179.2 555.7 168.3 552.5 168.3C549.3 168.3 544.4 179.3 541.5 178.3C538.5 177.3 541 165.5 538.5 163.7C536 161.9 525.6 167.9 523.7 165.4C522 163 531 154.9 530 152C529.1 149.1 517.1 147.9 517.1 144.7C517.1 141.5 529.1 140.3 530 137.4C531 134.4 522 126.4 523.8 123.9C525.6 121.4 536.1 127.4 538.6 125.6C541.1 123.8 538.6 112 541.6 111C544.5 110.1 549.4 121 552.6 121C555.8 121 560.7 110 563.6 111C566.6 112 564.1 123.8 566.6 125.6C569.1 127.4 579.5 121.4 581.4 123.9C583.2 126.4 574.3 134.4 575.2 137.4C576 140.2 588 141.5 588 144.6Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_36" d="M552.5 112.4V37.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_37" d="M555.3 100.8H549.8V106.3H555.3V100.8Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_38" d="M553.8 90.6H551.2V93.2H553.8V90.6Z" fill="#EFC87E"/>
<path id="Vector_39" d="M553.8 85H551.2V87.6H553.8V85Z" fill="#EFC87E"/>
<path id="Vector_40" d="M553.8 80.1H551.2V82.7H553.8V80.1Z" fill="#EFC87E"/>
</g>
<path id="Vector_41" d="M625.7 379.9V344.9" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_42" d="M625.7 283.5L628.4 291.1L636.5 291.3L630 296.1L632.4 303.9L625.7 299.2L619.1 303.9L621.5 296.1L615 291.3L623.1 291.1L625.7 283.5Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_43" d="M596 106L597.7 110.8L602.7 110.9L598.7 113.9L600.2 118.7L596 115.8L591.9 118.7L593.4 113.9L589.4 110.9L594.4 110.8L596 106Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_44" d="M397 67.1L398.6 71.9L403.7 72L399.7 75L401.1 79.9L397 77L392.9 79.9L394.3 75L390.3 72L395.4 71.9L397 67.1Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_45" d="M458.1 338.5L459.8 343.3L464.8 343.4L460.8 346.4L462.3 351.2L458.1 348.3L454 351.2L455.5 346.4L451.5 343.4L456.5 343.3L458.1 338.5Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<g id="Group_3">
<path id="Vector_46" d="M535.3 419.1H523.8V462.8H535.3V419.1Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_47" d="M503.8 427.3H555.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<g id="Group_4">
<path id="Vector_48" d="M529.6 419.1C529.6 419.1 538 404.6 548.9 408.5C558.3 411.9 543.8 419.1 543.8 419.1" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_49" d="M529.6 419.1C529.6 419.1 535.8 408.4 543.8 411.3C550.7 413.8 540.1 419.1 540.1 419.1" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_5">
<path id="Vector_50" d="M529.6 419.1C529.6 419.1 521.2 404.6 510.3 408.5C500.9 411.9 515.4 419.1 515.4 419.1" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_51" d="M529.6 419.1C529.6 419.1 523.4 408.4 515.4 411.3C508.5 413.8 519.1 419.1 519.1 419.1" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path id="Vector_52" d="M555.3 419.1H503.8V462.8H555.3V419.1Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="jharlar3">
<path id="Vector_53" d="M437.176 69.6256L433.287 73.5146L437.176 77.4037L441.065 73.5146L437.176 69.6256Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_54" d="M437.169 48.4286L433.28 52.3176L437.169 56.2067L441.058 52.3176L437.169 48.4286Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_55" d="M437.135 89.6425L433.246 93.5316L437.135 97.4206L441.024 93.5316L437.135 89.6425Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_56" d="M437.093 111.215L434.689 113.619L437.093 116.023L439.498 113.619L437.093 111.215Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_57" d="M437.033 64.9566L428.477 73.5125L437.033 82.0685L445.589 73.5125L437.033 64.9566Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<g id="Group_6">
<path id="Vector_58" d="M437.1 124.9L411.6 154.8H462.6L437.1 124.9Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_59" d="M437.1 124.9L418.2 154.8H456.1L437.1 124.9Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_60" d="M437.1 124.9L429.7 154.8H444.5L437.1 124.9Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<g id="Group_7">
<path id="Vector_61" d="M437.1 195L462.6 165.1H411.6L437.1 195Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_62" d="M437.1 195L456.1 165.1H418.2L437.1 195Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_63" d="M437.1 195L444.5 165.1H429.7L437.1 195Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path id="Vector_64" d="M462.6 154.8H411.6V165.2H462.6V154.8Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<g id="Group_8">
<path id="Vector_65" d="M460.254 160.166L457.709 157.621L455.163 160.166L457.709 162.712L460.254 160.166Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_66" d="M449.952 160.171L447.407 157.625L444.861 160.171L447.407 162.716L449.952 160.171Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_67" d="M429.348 160.18L426.803 157.635L424.257 160.18L426.803 162.726L429.348 160.18Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_68" d="M439.65 160.176L437.105 157.63L434.559 160.176L437.105 162.721L439.65 160.176Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_69" d="M419.046 160.185L416.501 157.639L413.955 160.185L416.501 162.731L419.046 160.185Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</g>
<path id="Vector_70" d="M437.1 124.9V37.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_9">
<path id="Vector_71" d="M669.9 93.5V113.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_72" d="M659.9 103.5H679.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_73" d="M664.9 98.5L674.9 108.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_74" d="M664.9 108.5L674.9 98.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_10">
<path id="Vector_75" d="M620 53.7V63.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_76" d="M615 58.7H625" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_77" d="M617.5 56.2L622.5 61.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_78" d="M617.5 61.2L622.5 56.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_11">
<path id="Vector_79" d="M481.2 116.4V136.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_80" d="M471.1 126.4H491.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_81" d="M476.2 121.5L486.2 131.4" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_82" d="M476.2 131.4L486.2 121.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_12">
<path id="Vector_83" d="M495.6 350.5V365.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_84" d="M488.3 357.8H503" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_85" d="M492 354.1L499.3 361.4" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_86" d="M492 361.4L499.3 354.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_13">
<path id="Vector_87" d="M685.7 323.3V337.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_88" d="M678.4 330.6H693" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_89" d="M682 327L689.3 334.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_90" d="M682 334.2L689.3 327" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_14">
<path id="Vector_91" d="M529.1 47.9V68" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_92" d="M519 57.9H539.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_93" d="M524.1 53L534 62.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_94" d="M524.1 62.9L534 53" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_15">
<path id="Vector_95" d="M679.9 145.8V122.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_96" d="M677.7 146.1L670.8 123.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_97" d="M675.6 147.1L662.5 127.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_98" d="M673.9 148.7L655.7 134.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_99" d="M672.7 150.7L651.1 142.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_100" d="M672.2 153L649 151.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_101" d="M672.4 155.3L649.7 160.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_102" d="M673.2 157.4L653.1 169.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_103" d="M674.7 159.2L658.9 176.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_104" d="M676.6 160.5L666.5 181.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_105" d="M678.8 161.2L675.3 184.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_106" d="M681.1 161.2L684.6 184.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_107" d="M683.3 160.5L693.4 181.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_108" d="M685.2 159.2L701 176.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_109" d="M686.7 157.4L706.8 169.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_110" d="M687.5 155.3L710.2 160.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_111" d="M687.7 153L710.9 151.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_112" d="M687.2 150.7L708.8 142.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_113" d="M686 148.7L704.2 134.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_114" d="M684.3 147.1L697.4 127.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_115" d="M682.2 146.1L689.1 123.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_16">
<path id="Vector_116" d="M480 70.7V62.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_117" d="M479.2 70.9L476.7 62.8" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_118" d="M478.4 71.2L473.7 64.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_119" d="M477.8 71.8L471.2 66.6" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_120" d="M477.4 72.5L469.6 69.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_121" d="M477.2 73.3L468.8 72.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_122" d="M477.3 74.2L469.1 76.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_123" d="M477.6 75L470.3 79.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_124" d="M478.1 75.6L472.4 81.8" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_125" d="M478.8 76.1L475.1 83.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_126" d="M479.6 76.3L478.3 84.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_127" d="M480.4 76.3L481.7 84.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_128" d="M481.2 76.1L484.9 83.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_129" d="M481.9 75.6L487.6 81.8" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_130" d="M482.4 75L489.7 79.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_131" d="M482.8 74.2L491 76.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_132" d="M482.8 73.3L491.2 72.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_133" d="M482.6 72.5L490.5 69.5" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_134" d="M482.2 71.8L488.8 66.6" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_135" d="M481.6 71.2L486.3 64.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_136" d="M480.8 70.9L483.3 62.8" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="Group_17">
<path id="Vector_137" d="M497.1 202.4V185.8" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_138" d="M495.5 202.7L490.6 186.8" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_139" d="M494 203.4L484.6 189.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_140" d="M492.8 204.5L479.8 194.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_141" d="M491.9 205.9L476.5 199.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_142" d="M491.6 207.6L475 206.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_143" d="M491.7 209.2L475.5 212.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_144" d="M492.3 210.8L477.9 219.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_145" d="M493.3 212L482 224.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_146" d="M494.7 213L487.5 228" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_147" d="M496.3 213.5L493.8 229.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_148" d="M497.9 213.5L500.4 229.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_149" d="M499.5 213L506.7 228" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_150" d="M500.9 212L512.2 224.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_151" d="M501.9 210.8L516.3 219.1" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_152" d="M502.5 209.2L518.7 212.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_153" d="M502.6 207.6L519.2 206.3" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_154" d="M502.3 205.9L517.8 199.9" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_155" d="M501.5 204.5L514.4 194.2" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_156" d="M500.2 203.4L509.6 189.7" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_157" d="M498.8 202.7L503.6 186.8" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<path id="Vector_158" d="M555.2 369.4C555.2 371.5 553.5 373.2 551.4 373.2C549.3 373.2 547.6 371.5 547.6 369.4C547.6 367.3 549.3 365.6 551.4 365.6C553.5 365.6 555.2 367.3 555.2 369.4Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_159" d="M677.5 415.7C679.599 415.7 681.3 413.999 681.3 411.9C681.3 409.801 679.599 408.1 677.5 408.1C675.401 408.1 673.7 409.801 673.7 411.9C673.7 413.999 675.401 415.7 677.5 415.7Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_160" d="M706.6 363.7C708.699 363.7 710.4 361.999 710.4 359.9C710.4 357.801 708.699 356.1 706.6 356.1C704.501 356.1 702.8 357.801 702.8 359.9C702.8 361.999 704.501 363.7 706.6 363.7Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_161" d="M684.9 52.3C684.9 54.4 683.2 56.1 681.1 56.1C679 56.1 677.3 54.4 677.3 52.3C677.3 50.2 679 48.5 681.1 48.5C683.2 48.5 684.9 50.2 684.9 52.3Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_162" d="M412.4 52.6C414.499 52.6 416.2 50.8987 416.2 48.8C416.2 46.7013 414.499 45 412.4 45C410.301 45 408.6 46.7013 408.6 48.8C408.6 50.8987 410.301 52.6 412.4 52.6Z" stroke="#EFC87E" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_163" d="M459.9 102.5C459.9 104.6 458.2 106.3 456.1 106.3C454 106.3 452.3 104.6 452.3 102.5C452.3 100.4 454 98.7 456.1 98.7C458.2 98.7 459.9 100.4 459.9 102.5Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_164" d="M623.8 95.7C623.8 97.8 622.1 99.5 620 99.5C617.9 99.5 616.2 97.8 616.2 95.7C616.2 93.6 617.9 91.9 620 91.9C622.1 91.9 623.8 93.6 623.8 95.7Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_165" d="M663.3 323.3C663.3 325.4 661.6 327.1 659.5 327.1C657.4 327.1 655.7 325.4 655.7 323.3C655.7 321.2 657.4 319.5 659.5 319.5C661.6 319.5 663.3 321.2 663.3 323.3Z" stroke="#E27C6C" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_166" d="M503 399.1C503 401.2 501.3 402.9 499.2 402.9C497.1 402.9 495.4 401.2 495.4 399.1C495.42,009 人查阅一键获取本网站前端代码设计的所有源码
获取资源构建和完善自己的源码库
源码可以在本地直接演示
同时研究和体验 如何将一些具体的想法的实现过程
源码可以直接嫁接到自己的网站里复用
稍作修改成为自己的作品