svg+css实现月色当空夜景加火苗燃烧动画代码

代码语言:html

所属分类:动画

代码描述:svg+css实现月色当空夜景加火苗燃烧动画代码

代码标签: svg 月亮 夜景 火苗 燃烧

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        * {
          box-sizing: border-box;
        }
        
        body {
          margin: 0;
          background: #f5f5f5;
          min-height: 100vh;
          height: 100vh;
          max-height: 100vh;
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;
        }
        
        #Vector_114 {
          animation: spark_fly_up 3.5s 0.4s infinite linear;
        }
        
        #Vector_123 {
          animation: spark_fly_up 3.1s 0.6s infinite linear;
        }
        
        #Vector_124 {
          animation: spark_fly_up 3s 0.4s infinite linear;
        }
        
        #Vector_122 {
          animation: spark_fly_up 3s 0.5s infinite linear;
        }
        
        #Vector_116 {
          animation: spark_fly_up_2 2.8s 0.8s infinite linear;
        }
        
        #Vector_113 {
          animation: spark_fly_up_2 2.2s 0.6s infinite linear;
        }
        
        #Vector_119 {
          animation: spark_fly_up_2 2.2s 0.7s infinite linear;
        }
        
        #Vector_117 {
          animation: spark_fly_up_2 2s 0.4s infinite linear;
        }
        
        #Vector_115 {
          animation: spark_fly_up_2 3.2s 0.7s infinite linear;
        }
        
        #Vector_118 {
          animation: spark_fly_up_3 2.7s 0.6s infinite linear;
        }
        
        #Vector_120 {
          animation: spark_fly_up_3 3s 0.4s infinite linear;
        }
        
        #Vector_121 {
          animation: spark_fly_up_3 2.8s 0.8s infinite linear;
        }
        
        @keyframes spark_fly_up {
          0% {
            transform: translate(0, 10vw);
            opacity: 1;
          }
          30% {
            transform: translate(10px, 7vw);
          }
          60% {
            transform: translate(0px, 3vw);
            opacity: 0.8;
          }
          100% {
            transform: translate(10px, -2vw);
            opacity: 0;
          }
        }
        @keyframes spark_fly_up_2 {
          0% {
            transform: translate(0, 5vw);
            opacity: 1;
          }
          30% {
            transform: translate(10px, 3vw);
          }
          60% {
            transform: translate(0px, 1vw);
            opacity: 0.8;
          }
          100% {
            transform: translate(10px, -2vw);
            opacity: 0;
          }
        }
        @keyframes spark_fly_up_3 {
          0% {
            transform: translate(0, 0);
            opacity: 0;
          }
          30% {
            transform: translate(0, -2vw);
            opacity: 0.4;
          }
          60% {
            transform: translate(0px, -3vw);
            opacity: 0.9;
          }
          100% {
            transform: translate(0px, -4vw);
            opacity: 0;
          }
        }
        #Vector_91 {
          animation: fire_halo 3s infinite alternate ease-in-out;
          transform-origin: center bottom;
          transform-box: fill-box;
        }
        
        @keyframes fire_halo {
          0% {
            transform: scale(1.02);
          }
          20% {
            transform: scale(0.95);
          }
          40% {
            transform: scale(0.92);
          }
          60% {
            transform: scale(0.94);
          }
          80% {
            transform: scale(1.03);
          }
          100% {
            transform: scale(1);
          }
        }
        #Vector_126 {
          animation: flicker 1s 0.4s infinite alternate linear;
          transform-origin: bottom;
          transform-box: fill-box;
        }
        
        #Vector_125 {
          animation: flicker 2s 0.5s infinite alternate linear;
          transform-origin: bottom;
          transform-box: fill-box;
        }
        
        @keyframes flicker {
          0% {
            transform: rotate(-1deg);
          }
          20% {
            transform: rotate(1deg);
          }
          40% {
            transform: rotate(-1deg);
          }
          60% {
            transform: rotate(1deg) scaleY(1.02);
          }
          80% {
            transform: rotate(-1deg) scaleY(0.95);
          }
          100% {
            transform: rotate(1deg);
          }
        }
        #Vector_16,
        #Vector_19,
        #Vector_60 {
          animation: translate 100s infinite -40s linear;
        }
        
        #Vector_15,
        #Vector_17,
        #Vector_18,
        #Vector_61,
        #Vector_62 {
          animation: translate 130s infinite -20s linear;
        }
        
        @keyframes translate {
          from {
            transform: translateX(-80%);
          }
          to {
            transform: translateX(100%);
          }
        }
        #meteor1 {
          animation: meteorTraslate 2.2s linear 5s;
        }
        
        #meteor2 {
          animation: meteorTraslate 1.8s linear 11s;
        }
        
        @keyframes meteorTraslate {
          from {
            transform: translate(0%, 0);
          }
          to {
            transform: translate(-70%, 20%);
            opacity: 0;
          }
        }
    </style>



</head>

    <body>
        <svg width="650" height="650" viewBox="0 0 650 650" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g id="Mask group">
        <mask
          id="mask0_11_2760"
          style="mask-type: alpha"
          maskUnits="userSpaceOnUse"
          x="0"
          y="0"
          width="650"
          height="650"
        >
          <rect id="mask" width="650" height="650" rx="325" fill="#3A4A6D" />
        </mask>
        <g mask="url(#mask0_11_2760)">
          <g id="background">
            <rect id="background_2" width="650" height="650" fill="#3A4A6D" />
          </g>
          <g id="Shadow">
            <path
              id="Vector"
              d="M251.964 587.023C317.784 587.023 371.141 582.005 371.141 575.813C371.141 569.622 317.784 564.603 251.964 564.603C186.145 564.603 132.787 569.622 132.787 575.813C132.787 582.005 186.145 587.023 251.964 587.023Z"
              fill="#415173"
            />
            <path
              id="Vector_2"
              d="M415.489 574.231C471.158 574.231 516.286 569.574 516.286 563.83C516.286 558.086 471.158 553.429 415.489 553.429C359.821 553.429 314.693 558.086 314.693 563.83C314.693 569.574 359.821 574.231 415.489 574.231Z"
              fill="#45567A"
            />
          </g>
          <g id="Meteor">
            <path
              id="meteor1"
              d="M643 131.277L731.846 111.338"
              stroke="url(#paint0_linear_11_2760)"
              stroke-width="0.6"
              stroke-linecap="round"
            />
            <path
              id="meteor2"
              d="M546.21 56.5839L635.056 36.644"
              stroke="url(#paint1_linear_11_2760)"
              stroke-width="0.6"
              stroke-linecap="round"
            />
          </g>
          <g id="background-complete">
            <path
              id="Vector_3"
              d="M2.28723 296.737C2.28723 296.737 106.665 236.737 171.389 236.737C249.123 236.737 324.703 263.477 353.294 272.303C428.557 295.494 574.288 296.737 574.288 296.737H2.28723Z"
              fill="#21293D"
            />
            <path
              id="Vector_4"
              d="M650 297.143C650 297.143 580.79 256.286 502.612 256.286C448.031 256.286 369.708 264.742 295.95 278.614C267.853 283.885 121.643 297.143 121.643 297.143H650Z"
              fill="#252E45"
            />
            <path
              id="Vector_5"
              d="M329.231 240.963L330.433 243.394L333.126 243.781L331.179 245.673L331.635 248.353L329.231 247.082L326.842 248.353L327.298 245.673L325.35 243.781L328.03 243.394L329.231 240.963Z"
              fill="white"
            />
            <path
              id="Vector_6"
              d="M498.266 80.1215L499.468 82.5524L502.147 82.9391L500.2 84.8314L500.67 87.5109L498.266 86.2402L495.863 87.5109L496.319 84.8314L494.385 82.9391L497.065 82.5524L498.266 80.1215Z"
              fill="white"
            />
            <path
              id="Vector_7"
              d="M259.579 148.823L260.781 151.254L263.474 151.654L261.527 153.547L261.983 156.212L259.579 154.955L257.19 156.212L257.646 153.547L255.698 151.654L258.392 151.254L259.579 148.823Z"
              fill="white"
            />
            <path
              id="Vector_8"
              d="M88.3646 129.762L89.5663 132.193L92.2458 132.594L90.2983 134.486L90.7679 137.152L88.3646 135.895L85.9613 137.152L86.4171 134.486L84.4834 132.594L87.163 132.193L88.3646 129.762Z"
              fill="white"
            />
            <path
              id="Vector_9"
              d="M0.547596 52.0001L1.29345 53.5056L2.9509 53.7404L1.74925 54.9144L2.0393 56.5719L0.547596 55.7846L-0.930299 56.5719L-0.654061 54.9144L-1.85571 53.7404L-0.184449 53.5056L0.547596 52.0001Z"
              fill="white"
            />
            <path
              id="Vector_10"
              d="M101.39 142.801L102.136 144.293L103.793 144.541L102.592 145.715L102.882 147.359L101.39 146.585L99.9122 147.359L100.188 145.715L98.9868 144.541L100.658 144.293L101.39 142.801Z"
              fill="white"
            />
            <path
              id="Vector_11"
              d="M425.932 192.11L426.678 193.615L428.336 193.85L427.134 195.024L427.41 196.668L425.932 195.894L424.454 196.668L424.731 195.024L423.529 193.85L425.186 193.615L425.932 192.11Z"
              fill="white"
            />
            <path
              id="Vector_12"
              d="M331.096 83.8093L331.828 85.3148L333.485 85.5496L332.297 86.7236L332.574 88.3811L331.096 87.5938L329.604 88.3811L329.894 86.7236L328.692 85.5496L330.35 85.3148L331.096 83.8093Z"
              fill="white"
            />
            <path
              id="Vector_13"
              d="M576.096 166.088L576.828 167.594L578.499 167.842L577.297 169.002L577.574 170.66L576.096 169.873L574.604 170.66L574.894 169.002L573.692 167.842L575.35 167.594L576.096 166.088Z"
              fill="white"
            />
            <path
              id="Vector_14"
              d="M325.849 115.729C322.529 121.523 317.817 126.398 312.139 129.913C306.461 133.428 299.997 135.473 293.33 135.862C286.663 136.251 280.005 134.973 273.957 132.142C267.909 129.311 262.661 125.018 258.689 119.649C254.717 114.281 252.146 108.007 251.208 101.396C250.27 94.7841 250.994 88.0429 253.316 81.7816C255.637 75.5203 259.483 69.9364 264.505 65.5348C269.527 61.1331 275.567 58.0526 282.079 56.5718C277.006 58.9095 272.519 62.3483 268.943 66.6381C265.367 70.9279 262.791 75.9608 261.405 81.3708C260.018 86.7809 259.854 92.432 260.925 97.9132C261.997 103.394 264.276 108.568 267.598 113.058C270.92 117.547 275.201 121.24 280.129 123.868C285.057 126.495 290.509 127.991 296.088 128.247C301.667 128.503 307.233 127.512 312.381 125.347C317.53 123.181 322.13 119.896 325.849 115.729V115.729Z"
              fill="white"
            />
            <g id="trees-2">
              <path
                id="Vector_15"
                d="M362.892 228.002H278.278C278.278 228.002 286.67 205.092 299.578 205.092C312.485 205.092 316.54 220.902 316.54 220.902C316.54 220.902 325.251 212.315 332.404 212.315C339.557 212.315 345.78 223.665 345.78 223.665C345.78 223.665 355.881 217.565 362.892 228.002Z"
                fill="#253049"
              />
              <path
                id="Vector_16"
                d="M289.008 166.724H249.471C249.471 166.724 258.324 153.923 265.265 153.923C272.205 153.923 274.286 162.457 274.286 162.457C274.286 162.457 279.199 158.473 283.749 159.19C288.299 159.907 289.008 166.724 289.008 166.724Z"
                fill="#253049"
              />
              <path
                id="Vector_17"
                d="M77.0919 213.564H0.0731201C0.0731201 213.564 10.6256 190.006 21.904 188.537C33.1823 187.067 38.5825 206.03 38.5825 206.03C38.5825 206.03 45.8595 199.328 51.5872 199.328C57.3149 199.328 61.7236 208.181 61.7236 208.181C61.7236 208.181 73.1701 202.108 77.0919 213.564Z"
                fill="#253049"
              />
              <path
                id="Vector_18"
                d="M156.979 156.605H104.961C104.961 156.605 113.893 139.537 123.551 139.289C133.21 139.041 138.344 152.205 138.344 152.205C138.344 152.205 153.465 140.086 156.979 156.605Z"
                fill="#253049"
              />
              <path
                id="Vector_19"
                d="M185.979 203.826H150.86C150.86 203.826 156.898 192.317 163.44 192.149C169.982 191.981 173.426 200.86 173.426 200.86C173.426 200.86 183.606 192.662 185.979 203.826Z"
                fill="#263238"
              />
              <path
                id="Vector_20"
                d="M143.982 260.368C143.982 260.368 148.931 258.411 152.835 265.237C156.845 272.239 151.799 276.843 147.807 274.089C147.807 274.089 144.664 280.676 138.387 279.1C132.111 277.524 131.101 272.505 131.101 272.505C131.101 272.505 125.542 272.894 125.383 268.734C125.223 264.573 129.313 260.899 129.313 260.899C129.313 260.899 129.561 250.55 136.307 250.639C143.053 250.727 143.982 260.368 143.982 260.368Z"
                fill="#253559"
              />
              <path
                id="Vector_21"
                d="M139.362 297.036L137.981 266.238L136.538 297.036H139.362Z"
                fill="#1A2132"
              />
              <path
                id="Vector_22"
                d="M138.387 277.817L142.725 269.177L137.679 276.462L138.387 277.817Z"
                fill="#1A2132"
              />
              <path
                id="Vector_23"
                d="M298.915 260.368C298.915 260.368 303.855 258.411 307.768 265.237C311.787 272.239 306.741 276.843 302.748 274.089C302.748 274.089 299.597 280.676 293.329 279.1C287.061 277.524 286.043 272.505 286.043 272.505C286.043 272.505 280.475 272.894 280.324 268.734C280.174 264.573 284.255 260.899 284.255 260.899C284.255 260.899 284.503 250.55 291.248 250.639C297.994 250.727 298.915 260.368 298.915 260.368Z"
                fill="#253559"
              />
              <path
                id="Vector_24"
                d="M294.295 297.036L292.914 266.238L291.471 297.036H294.295Z"
                fill="#1A2132"
              />
              <path
                id="Vector_25"
                d="M293.32 277.817L297.658 269.177L292.612 276.462L293.32 277.817Z"
                fill="#1A2132"
              />
              <path
                id="Vector_26"
                d="M146.752 245.575C146.752 245.575 132.827 276.506 155.561 276.56C178.295 276.613 163.599 244.548 163.599 244.548C163.599 244.548 168.858 242.238 162.776 224.966C156.694 207.694 153.923 207.694 151.427 207.694C148.222 207.694 145.23 215.157 147.407 226.639C147.407 226.639 139.396 240.936 146.752 245.575Z"
                fill="#253049"
              />
              <path
                id="Vector_27"
                d="M157.552 297.054L155.419 250.444L153.17 297.054H157.552Z"
                fill="#1A2132"
              />
              <path
                id="Vector_28"
                d="M156.289 269.982L148.038 260.324L154.51 271.257L156.289 269.982Z"
                fill="#1A2132"
              />
              <path
                id="Vector_29"
                d="M263.714 241.715C263.714 241.715 248.744 274.966 273.187 274.993C297.629 275.019 281.827 240.6 281.827 240.6C281.827 240.6 287.484 238.112 280.942 219.548C274.4 200.984 271.469 200.957 268.743 200.957C265.299 200.957 262.085 208.987 264.423 221.319C264.423 221.345 255.844 236.722 263.714 241.715Z"
                fill="#253049"
              />
              <path
                id="Vector_30"
                d="M275.332 297.054L273.03 246.938L270.622 297.054H275.332Z"
                fill="#1A2132"
              />
              <path
                id="Vector_31"
                d="M273.967 267.954L265.097 257.561L272.046 269.318L273.967 267.954Z"
                fill="#1A2132"
              />
              <path
                id="Vector_32"
                d="M2.35817 245.575C2.35817 245.575 -11.5672 276.506 11.2109 276.56C33.989 276.613 19.2049 244.548 19.2049 244.548C19.2049 244.548 24.4634 242.238 18.3816 224.966C12.2998 207.694 9.52888 207.694 7.03241 207.694C3.82773 207.694 0.835507 215.157 3.01328 226.639C3.01328 226.639 -4.99844 240.936 2.35817 245.575Z"
                fill="#253049"
              />
              <path
                id="Vector_33"
                d="M13.1674 297.054L11.0251 250.444L8.77649 297.054H13.1674Z"
                fill="#1A2132"
              />
              <path
                id="Vector_34"
                d="M11.8916 269.982L3.64087 260.324L10.1034 271.257L11.8916 269.982Z"
                fill="#1A2132"
              />
              <path
                id="Vector_35"
                d="M315.972 231.729C315.972 231.729 298.266 270.974 327.144 271.009C356.021 271.044 337.342 230.384 337.342 230.384C337.342 230.384 344.026 227.454 336.297 205.543C328.569 183.633 325.116 183.624 321.903 183.624C317.831 183.624 314.042 193.096 316.795 207.659C316.795 207.685 306.623 225.842 315.972 231.729Z"
                fill="#253049"
              />
              <path
                id="Vector_36"
                d="M329.678 297.054L326.96 237.891L324.118 297.045L329.678 297.054Z"
                fill="#1A2132"
              />
              <path
                id="Vector_37"
                d="M328.068 262.696L317.595 250.435L325.801 264.316L328.068 262.696Z"
                fill="#1A2132"
              />
              <path
                id="Vector_38"
                d="M108.501 235.943C108.501 235.943 116.734 232.685 123.249 244.061C129.933 255.72 121.532 263.387 114.875 258.81C114.875 258.81 109.643 269.77 99.1966 267.149C88.7503 264.529 87.0595 256.163 87.0595 256.163C87.0595 256.163 77.7906 256.809 77.5339 249.886C77.2772 242.963 84.1026 236.829 84.1026 236.829C84.1026 236.829 84.5187 219.592 95.744 219.734C106.969 219.876 108.501 235.943 108.501 235.943Z"
                fill="#253559"
              />
              <path
                id="Vector_39"
                d="M100.79 297.027L98.4973 245.725L96.0894 297.018L100.79 297.027Z"
                fill="#1A2132"
              />
              <path
                id="Vector_40"
                d="M99.1791 265.007L106.403 250.621L97.9928 262.758L99.1791 265.007Z"
                fill="#1A2132"
              />
              <path
                id="Vector_41"
                d="M20.2225 260.368C20.2225 260.368 15.2827 258.411 11.3698 265.237C7.35946 272.239 12.4055 276.843 16.3981 274.089C16.3981 274.089 19.5408 280.676 25.8086 279.1C32.0763 277.524 33.0943 272.505 33.0943 272.505C33.0943 272.505 38.6627 272.894 38.8132 268.734C38.9637 264.573 34.8826 260.899 34.8826 260.899C34.8826 260.899 34.6347 250.55 27.8978 250.639C21.1609 250.727 20.2225 260.368 20.2225 260.368Z"
                fill="#253559"
              />
              <path
                id="Vector_42"
                d="M24.8508 297.036L26.223 266.238L27.6749 297.036H24.8508Z"
                fill="#1A2132"
              />
              <path
                id="Vector_43"
                d="M25.8172 277.817L21.4882 269.177L26.5342 276.462L25.8172 277.817Z"
                fill="#1A2132"
              />
              <path
                id="Vector_44"
                d="M339.424 246.929C339.424 246.929 332.67 244.274 327.323 253.587C321.843 263.148 328.739 269.442 334.192 265.679C334.192 265.679 338.486 274.674 347.056 272.523C355.625 270.371 357.006 263.519 357.006 263.519C357.006 263.519 364.61 264.042 364.823 258.367C365.035 252.693 359.458 247.655 359.458 247.655C359.458 247.655 359.122 233.491 349.906 233.641C340.69 233.792 339.424 246.929 339.424 246.929Z"
                fill="#253559"
              />
              <path
                id="Vector_45"
                d="M345.747 297.027L347.633 254.959L349.598 297.027H345.747Z"
                fill="#1A2132"
              />
              <path
                id="Vector_46"
                d="M347.075 270.77L341.144 258.969L348.04 268.928L347.075 270.77Z"
                fill="#1A2132"
              />
              <path
                id="Vector_47"
                d="M87.7143 231.464C87.7143 231.464 105.42 270.717 76.5333 270.743C47.6468 270.77 66.3438 230.154 66.3438 230.154C66.3438 230.154 59.66 227.223 67.3795 205.304C75.0991 183.385 78.5694 183.385 81.7829 183.385C85.8463 183.385 89.6442 192.857 86.8821 207.42C86.8821 207.42 97.0539 225.577 87.7143 231.464Z"
                fill="#253049"
              />
              <path
                id="Vector_48"
                d="M74.0032 296.788L76.721 237.634L79.5716 296.788H74.0032Z"
                fill="#1A2132"
              />
              <path
                id="Vector_49"
                d="M75.6217 262.439L86.0856 250.178L77.8792 264.051L75.6217 262.439Z"
                fill="#1A2132"
              />
              <path
                id="Vector_50"
                d="M229.756 259.005C229.756 259.005 239.99 281.862 223.205 281.845C206.421 281.827 217.327 258.217 217.327 258.217C217.327 258.217 213.441 256.499 217.965 243.76C222.488 231.021 224.498 231.03 226.375 231.03C228.738 231.03 230.934 236.554 229.305 245.017C229.287 245.017 235.201 255.596 229.756 259.005Z"
                fill="#253049"
              />
              <path
                id="Vector_51"
                d="M221.7 296.991L223.356 262.581L224.941 297L221.7 296.991Z"
                fill="#1A2132"
              />
              <path
                id="Vector_52"
                d="M222.682 277.011L228.79 269.894L223.992 277.95L222.682 277.011Z"
                fill="#1A2132"
              />
              <path
                id="Vector_53"
                d="M172.56 251.701C172.56 251.701 166.487 249.302 161.671 257.694C156.74 266.308 162.946 271.965 167.868 268.583C167.868 268.583 171.737 276.684 179.448 274.78C187.158 272.877 188.398 266.68 188.398 266.68C188.398 266.68 195.241 267.158 195.436 262.041C195.63 256.924 190.602 252.401 190.602 252.401C190.602 252.401 190.292 239.67 182.006 239.777C173.72 239.883 172.56 251.701 172.56 251.701Z"
                fill="#253559"
              />
              <path
                id="Vector_54"
                d="M178.25 296.815L179.949 258.934L181.729 296.806L178.25 296.815Z"
                fill="#1A2132"
              />
              <path
                id="Vector_55"
                d="M179.428 273.125L174.116 262.546L180.472 271.487L179.428 273.125Z"
                fill="#1A2132"
              />
              <path
                id="Vector_56"
                d="M255.891 235.943C255.891 235.943 264.124 232.685 270.64 244.061C277.324 255.72 268.923 263.387 262.265 258.81C262.265 258.81 257.033 269.77 246.587 267.149C236.141 264.529 234.45 256.163 234.45 256.163C234.45 256.163 225.181 256.809 224.924 249.886C224.668 242.963 231.467 236.829 231.467 236.829C231.467 236.829 231.883 219.592 243.108 219.734C254.333 219.876 255.891 235.943 255.891 235.943Z"
                fill="#253559"
              />
              <path
                id="Vector_57"
                d="M248.189 297.027L245.888 245.725L243.489 297.018L248.189 297.027Z"
                fill="#1A2132"
              />
              <path
                id="Vector_58"
                d="M246.57 265.007L253.794 250.621L245.383 262.758L246.57 265.007Z"
                fill="#1A2132"
              />
            </g>
            <g id="tees-1">
              <path
                id="Vector_59"
                d="M681.792 163.01H642.256C642.256 163.01 651.109 150.208 658.049 150.208C664.99 150.208 667.07 158.743 667.07 158.743C667.07 158.743 671.983 154.759 676.534 155.476C681.084 156.193 681.792 163.01 681.792 163.01Z"
                fill="#253049"
              />
              <path
                id="Vector_60"
                d="M469.876 209.849H392.858C392.858 209.849 403.41 186.292 414.689 184.823C425.967 183.353 431.367 202.316 431.367 202.316C431.367 202.316 438.644 195.614 444.372 195.614C450.099 195.614 454.508 204.467 454.508 204.467C454.508 204.467 465.955 198.394 469.876 209.849Z"
                fill="#253049"
              />
              <path
                id="Vector_61"
                d="M549.764 152.891H497.745C497.745 152.891 506.678 135.823 516.336 135.575C525.994 135.327 531.129 148.491 531.129 148.491C531.129 148.491 546.249 136.372 549.764 152.891Z"
                fill="#253049"
              />
              <path
                id="Vector_62"
                d="M578.767 200.111H543.648C543.648 200.111 549.686 188.603 556.228 188.434C562.77 188.266 566.214 197.146 566.214 197.146C566.214 197.146 576.395 188.948 578.767 200.111Z"
                fill="#263238"
              />
              <path
                id="Vector_63"
                d="M536.767 256.654C536.767 256.654 541.715 254.697 545.619 261.523C549.63 268.525 544.584 273.129 540.591 270.375C540.591 270.375 537.448 276.962 531.172 275.386C524.895 273.81 523.886 268.791 523.886 268.791C523.886 268.791 518.326 269.18 518.167 265.019C518.008 260.859 522.098 257.185 522.098 257.185C522.098 257.185 522.346 246.836 529.091 246.924C535.837 247.013 536.767 256.654 536.767 256.654Z"
                fill="#253559"
              />
              <path
                id="Vector_64"
                d="M532.15 293.322L530.769 262.523L529.326 293.322H532.15Z"
                fill="#1A2132"
              />
              <path
                id="Vector_65"
                d="M531.175 274.102L535.513 265.462L530.467 272.748L531.175 274.102Z"
                fill="#1A2132"
              />
              <path
                id="Vector_66"
                d="M539.537 241.861C539.537 241.861 525.612 272.792 548.345 272.845C571.079 272.898 556.384 240.834 556.384 240.834C556.384 240.834 561.642 238.523 555.56 221.252C549.479 203.98 546.708 203.98 544.211 203.98C541.006 203.98 538.014 211.443 540.192 222.925C540.192 222.925 532.18 237.222 539.537 241.861Z"
                fill="#253049"
              />
              <path
                id="Vector_67"
                d="M550.337 293.339L548.203 246.73L545.955 293.339H550.337Z"
                fill="#1A2132"
              />
              <path
                id="Vector_68"
                d="M549.074 266.267L540.823 256.609L547.294 267.542L549.074 266.267Z"
                fill="#1A2132"
              />
              <path
                id="Vector_69"
                d="M656.499 238.001C656.499 238.001 641.529 271.252 665.971 271.278C690.414 271.305 674.611 236.886 674.611 236.886C674.611 236.886 680.268 234.398 673.726 215.834C667.184 197.27 664.254 197.243 661.527 197.243C658.083 197.243 654.87 205.272 657.207 217.604C657.207 217.631 648.629 233.008 656.499 238.001Z"
                fill="#253049"
              />
              <path
                id="Vector_70"
                d="M395.143 241.861C395.143 241.861 381.218 272.792 403.996 272.845C426.774 272.898 411.99 240.834 411.99 240.834C411.99 240.834 417.248 238.523 411.166 221.252C405.084 203.98 402.314 203.98 399.817 203.98C396.612 203.98 393.62 211.443 395.798 222.925C395.798 222.925 387.786 237.222 395.143 241.861Z"
                fill="#253049"
              />
              <path
                id="Vector_71"
                d="M405.952 293.339L403.81 246.73L401.561 293.339H405.952Z"
       .........完整代码请登录后点击上方下载按钮下载查看

网友评论0