03.svg 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1440 450">
  2. <style>
  3. @keyframes rotate {
  4. 0% {transform: rotate(0deg);}
  5. 100% {transform: rotate(360deg);}
  6. }
  7. @keyframes rotate_reverse {
  8. 0% {transform: rotate(0deg);}
  9. 100% {transform: rotate(-360deg);}
  10. }
  11. @keyframes rotate_scale {
  12. 0% {transform: rotate(0deg) scale(1);}
  13. 50% {transform: rotate(180deg) scale(.8);}
  14. 100% {transform: rotate(360deg) scale(1);}
  15. }
  16. @keyframes translate_v {
  17. 0%, 100% {transform: translate(0, 0);}
  18. 50% {transform: translate(0, -10%);}
  19. }
  20. @keyframes shape_transform_4 {
  21. 0%, 100% {transform: translate(0, 0) rotate(0deg);}
  22. 50% {transform: translate(30%, 30%) rotate(360deg);}
  23. }
  24. @keyframes shape_transform_6 {
  25. 0%, 100% {transform: translate(0, 0);}
  26. 50% {transform: translate(0, 10%);}
  27. }
  28. @keyframes shape_transform_8 {
  29. 0%, 100% {transform: translate(0, 0) rotate(0deg);}
  30. 50% {transform: translate(0, 10%) rotate(-720deg);}
  31. }
  32. @keyframes shape_transform_9 {
  33. 0%, 100% {transform: translate(0, 0) scale(1, 1);}
  34. 50% {transform: translate(0, 15%) scale(.8, 1);}
  35. }
  36. path {
  37. transform-box: fill-box;
  38. transform-origin: center;
  39. }
  40. #shape_transform_1 {animation: rotate_scale 6s linear infinite;}
  41. #shape_transform_2 {animation: rotate 3s linear infinite;}
  42. #shape_transform_3 {animation: translate_v 10s linear infinite;}
  43. #shape_transform_4 {animation: shape_transform_4 5s linear infinite;}
  44. #shape_transform_6 {animation: shape_transform_6 8s linear infinite;}
  45. #shape_transform_7 {animation: rotate_scale 6s linear infinite;}
  46. #shape_transform_8 {animation: shape_transform_8 8s linear infinite;}
  47. #shape_transform_9 {animation: shape_transform_9 8s linear infinite;}
  48. #shape_transform_10 {animation: rotate_reverse 15s linear infinite;}
  49. #shape_transform_11 {animation: translate_v 5s linear infinite;}
  50. #shape_transform_12 {animation: translate_v 5s linear infinite;}
  51. #shape_transform_13 {animation: rotate 10s linear infinite;}
  52. </style>
  53. <path id="shape_morph_1" d="M1201.07 311c54.9 50.27 133.1 39.24 189-19.59c55.9-58.83 44.67-150.88-20.13-188.92c-64.8-38.04-136.26-36.69-189 19.59C1128.2 178.36 1146.17 260.69 1201.07 311Z" fill="#F6F6F6">
  54. <animate attributeName="d" dur="15s" repeatCount="indefinite"
  55. values="
  56. M1201.07 311c54.9 50.27 133.1 39.24 189-19.59c55.9-58.83 44.67-150.88-20.13-188.92c-64.8-38.04-136.26-36.69-189 19.59C1128.2 178.36 1146.17 260.69 1201.07 311Z;
  57. M1213.61 291.65c64.66 36.88 102.12 82.17 158 23.34c55.88-58.83 43.55-171.1-21.25-209.14c-64.8-38.04-122.18-59-174.9-2.73C1122.74 159.39 1149.7 255.19 1213.61 291.65Z;
  58. M1213.61 291.65c50 51.67 110.84 86.08 166.72 27.25c55.88-58.83 7.87-161.94-37.6-221.77c-41.41-54.49-129.63-61.31-167.27 6C1140.26 166.06 1162.47 238.75 1213.61 291.65Z;
  59. M1201.07 311c54.9 50.27 133.1 39.24 189-19.59c55.9-58.83 44.67-150.88-20.13-188.92c-64.8-38.04-136.26-36.69-189 19.59C1128.2 178.36 1146.17 260.69 1201.07 311Z"/>
  60. </path>
  61. <path id="shape_transform_1" d="M1221.2,337.28a20.43,20.43,0,0,0,29.2-3.07c7.22-8.91,6.06-23.64-3.06-29.2s-22.55-7.67-29.2,3.08S1211.88,329.74,1221.2,337.28Z" fill="#3AADAA"/>
  62. <path id="shape_transform_2" d="M1262.88,309.53c-3.54,1.32-4.84,5.11-3.47,9a6.16,6.16,0,0,0,9,3.44c3.21-2.06,4.79-5.31,3.46-9S1266.41,308.21,1262.88,309.53Z" fill="#3AADAA"/>
  63. <path id="shape_transform_3" d="M1188.48,256.78c22.39,20.51,54.29,16,77.07-8s18.22-61.53-8.2-77-55.57-15-77.07,8S1166.1,236.28,1188.48,256.78Z" fill="#383E45"/>
  64. <path id="shape_transform_4" d="M1259.18,271.33c2.78,2.55,6.74,2,9.58-1a6.16,6.16,0,0,0-1-9.58c-3.29-1.92-6.91-1.86-9.58,1S1256.39,268.79,1259.18,271.33Z" fill="#383E45"/>
  65. <path d="M1269.72,254.38c1.39,1.28,3.37,1,4.79-.49a3.08,3.08,0,0,0-.51-4.79,3.66,3.66,0,0,0-4.79.49A3.34,3.34,0,0,0,1269.72,254.38Z" fill="#383E45"/>
  66. <path id="shape_morph_2" d="M1060.75 420.62c33.16 26.85 86.09 20.64 119.92-12.49c33.83-33.13 29.14-92.2-12.71-119.89c-41.85-27.69-90.31-24.07-119.92 12.49C1018.43 337.29 1027.6 393.77 1060.75 420.62Z" fill="#7C6576">
  67. <animate attributeName="d" dur="20s" repeatCount="indefinite"
  68. values="
  69. M1060.75 420.62c33.16 26.85 86.09 20.64 119.92-12.49c33.83-33.13 29.14-92.2-12.71-119.89c-41.85-27.69-90.31-24.07-119.92 12.49C1018.43 337.29 1027.6 393.77 1060.75 420.62Z;
  70. M1070.48 414.61c23.75 35.44 82.77 37.49 116.6 4.36c33.83-33.13 7.61-99.08-34.24-126.77c-41.85-27.69-70.85-33.1-100.46 3.46C1022.77 332.22 1048.32 381.56 1070.48 414.61Z;
  71. M1051.59 416.43c23.75 35.44 117.65 20.42 151.48-12.72c33.83-33.14-28-72.28-50.23-111.51c-24.75-43.66-70.78-40.73-91.61 1.45C1039 338.69 1029.43 383.37 1051.59 416.43Z;
  72. M1060.75 420.62c33.16 26.85 86.09 20.64 119.92-12.49c33.83-33.13 29.14-92.2-12.71-119.89c-41.85-27.69-90.31-24.07-119.92 12.49C1018.43 337.29 1027.6 393.77 1060.75 420.62Z"/>
  73. </path>
  74. <path id="shape_morph_3" d="M1011.72 316.18c31.37 28.73 76.06 22.42 108-11.2c31.94-33.62 25.53-86.21-11.5-108c-37.03-21.79-77.86-21-108 11.19C970.08 240.36 980.36 287.45 1011.72 316.18Z" fill="#3AADAA">
  75. <animate attributeName="d" dur="20s" repeatCount="indefinite"
  76. values="
  77. M1011.72 316.18c31.37 28.73 76.06 22.42 108-11.2c31.94-33.62 25.53-86.21-11.5-108c-37.03-21.79-77.86-21-108 11.19C970.08 240.36 980.36 287.45 1011.72 316.18Z;
  78. M997.1 295.1c31.37 28.73 71.6 26.36 103.53-7.26c31.93-33.62 30.09-78.21-2.91-105.68c-32.33-26.91-80.3-25.29-110.43 6.87C957.16 221.19 965.73 266.37 997.1 295.1Z;
  79. M1012.36 302.73c31.37 28.73 75.42 35.87 107.35 2.25c31.93-33.62 10.68-89.12-26.35-110.86c-37.03-21.74-66.86-44.12-97-12C966.22 214.24 981 274 1012.36 302.73Z;
  80. M1011.72 316.18c31.37 28.73 76.06 22.42 108-11.2c31.94-33.62 25.53-86.21-11.5-108c-37.03-21.79-77.86-21-108 11.19C970.08 240.36 980.36 287.45 1011.72 316.18Z"/>
  81. </path>
  82. <path id="shape_transform_6" d="M381,286.49c-36.89,33.78-89.45,26.37-127-13.17s-30-101.39,13.53-126.95,91.57-24.66,127,13.16S417.87,252.7,381,286.49Z" fill="#F6F6F6"/>
  83. <path d="M130.2,108.81c-19.91,10.91-44.55,11.88-59.14-6.14a42,42,0,0,1,6.29-59.12c18.07-14.63,43.19-7.7,59.14,6.14S150.1,97.9,130.2,108.81Z" fill="#F6F6F6"/>
  84. <path d="M56.66,231.44c-24.77,20.06-24.79,53-8.54,81.15s43.82,54.12,63.06,77.87S166,420.32,192.33,399s30.46-59.48,8.53-81.14S161.26,263.51,137.8,240,81.42,211.39,56.66,231.44Z" fill="#F6F6F6"/>
  85. <path id="shape_transform_7" d="M367.45,304.17a13.72,13.72,0,0,1-19.62-2.06c-4.85-6-4.07-15.89,2.06-19.62s15.15-5.16,19.62,2.06S373.71,299.1,367.45,304.17Z" fill="#3AADAA"/>
  86. <path id="shape_transform_8" d="M339.44,285.52c2.38.89,3.25,3.44,2.33,6a4.12,4.12,0,0,1-6,2.31c-2.16-1.38-3.22-3.57-2.33-6S337.07,284.63,339.44,285.52Z" fill="#3AADAA"/>
  87. <path id="shape_transform_9" d="M161.71,120.4A22.74,22.74,0,0,1,129.2,117c-8-9.92-6.74-26.32,3.41-32.51s25.11-8.54,32.51,3.43S172.09,112,161.71,120.4Z" fill="#3AADAA"/>
  88. <path id="shape_transform_10" d="M228.79,340.66c-6.79,5.51-19.19-1.38-26.82-8.84s-6.55-20.79,2.89-27,20.39-5.45,27.06,2.79S235.59,335.16,228.79,340.66Z" fill="#3AADAA"/>
  89. <path d="M125.48,241c-5.7,5.22-13.81,4.07-19.61-2s-4.63-15.65,2.09-19.6,14.13-3.81,19.6,2S131.17,235.82,125.48,241Z" fill="#383E45"/>
  90. <path d="M341.93,259.85c-1.87,1.72-4.53,1.34-6.44-.66a4.14,4.14,0,0,1,.69-6.44c2.21-1.29,4.64-1.25,6.44.67S343.8,258.14,341.93,259.85Z" fill="#383E45"/>
  91. <path id="shape_transform_11" d="M111,253.38c-1.87,1.71-4.53,1.34-6.43-.67a4.12,4.12,0,0,1,.68-6.43c2.21-1.3,4.64-1.25,6.44.66S112.87,251.67,111,253.38Z" fill="#383E45"/>
  92. <path d="M334.85,248.46a2.23,2.23,0,0,1-3.22-.33,2.07,2.07,0,0,1,.34-3.22,2.46,2.46,0,0,1,3.22.34A2.24,2.24,0,0,1,334.85,248.46Z" fill="#383E45"/>
  93. <path d="M239.54,194.45c-5.7,5.21-13.81,4.07-19.61-2s-4.63-15.65,2.09-19.59,14.13-3.81,19.6,2S245.23,189.23,239.54,194.45Z" fill="#3AADAA"/>
  94. <path d="M133.36,286.18c-1.87,1.71-4.54,1.33-6.44-.67a4.14,4.14,0,0,1,.68-6.44c2.21-1.29,4.65-1.25,6.44.67S135.23,284.46,133.36,286.18Z" fill="#383E45"/>
  95. <path d="M242.76,201.15c1.29,2.18.37,4.71-2,6.15a4.13,4.13,0,0,1-6.15-2c-.81-2.42-.26-4.8,2-6.15S241.48,199,242.76,201.15Z" fill="#3AADAA"/>
  96. <path d="M100.2,157.47c-5.7,5.22-13.81,4.07-19.61-2s-4.63-15.65,2.09-19.6,14.14-3.81,19.61,2S105.89,152.26,100.2,157.47Z" fill="#7C6576"/>
  97. <path d="M201.57,150.31c-7.69,7.05-18.65,5.5-26.48-2.74s-6.26-21.15,2.82-26.48S197,116,204.39,123.84,209.26,143.27,201.57,150.31Z" fill="#F6F6F6"/>
  98. <path id="shape_transform_12" d="M106.83,370.42c-21.08,19.3-51.11,15.07-72.57-7.53S17.11,305,42,290.35s52.33-14.09,72.57,7.52S127.91,351.11,106.83,370.42Z" fill="#7C6576"/>
  99. <path d="M122,129.8c-3.24,1.77-7.26,1.93-9.64-1a6.86,6.86,0,0,1,1-9.65c3-2.39,7-1.25,9.65,1S125.24,128,122,129.8Z" fill="#F6F6F6"/>
  100. <path d="M179,93.38c-2,1.08-4.41,1.17-5.85-.61a4.15,4.15,0,0,1,.62-5.85c1.78-1.45,4.27-.76,5.84.61S181,92.3,179,93.38Z" fill="#F6F6F6"/>
  101. <path id="shape_transform_13" d="M389.44,250.08c-15.05,13.77-36.48,10.75-51.79-5.37s-12.25-41.35,5.51-51.78S380.5,182.88,395,198.3,404.48,236.3,389.44,250.08Z" fill="#383E45"/>
  102. <path d="M374.39,161.36a4.1,4.1,0,0,1-5.86-.61c-1.45-1.79-1.22-4.75.61-5.86s4.53-1.54,5.86.62S376.26,159.85,374.39,161.36Z" fill="#3AADAA"/>
  103. <path d="M392.78,160.47a9,9,0,0,1-12.89-1.36c-3.18-3.93-2.67-10.43,1.35-12.89s9.95-3.38,12.89,1.36S396.89,157.14,392.78,160.47Z" fill="#3AADAA"/>
  104. <path id="shape_morph_4" d="M275.06 24.76C248 49 256 67 268.84 84c14.63 18.06 34 37.6 46 56.82c12 19.22 42.92 23 59.21 6.22c16.29-16.78 22.53-39.06 6.22-59.2C364.9367 68.8933 349.6033 49.9467 334.27 31C318.23 11.19 293.13 10.13 275.06 24.76Z" fill="#3AADAA">
  105. <animate attributeName="d" dur="20s" repeatCount="indefinite"
  106. values="
  107. M275.06 24.76C248 49 256 67 268.84 84c14.63 18.06 34 37.6 46 56.82c12 19.22 42.92 23 59.21 6.22c16.29-16.78 22.53-39.06 6.22-59.2C364.9367 68.8933 349.6033 49.9467 334.27 31C318.23 11.19 293.13 10.13 275.06 24.76Z;
  108. M287.31 38.28c-27.31 22.72-20.31 40.72-6.23 59.21c14.64 18.06 21.71 24.08 33.77 43.3c12.06 19.22 42.92 23 59.21 6.22c16.29-16.78 22.53-39.06 6.22-59.2c-16.31-20.14-17.74-23.51-33.77-43.3C330.48 24.72 305.37 23.65 287.31 38.28Z;
  109. M271.65 36.47C250 58 255 78 271.93 96c16.51 16.36 24.19 21.57 38.29 39.36c14.1 17.79 45.17 18.21 59.53-.28c14.36-18.49 18.14-41.28-.28-59.53c-18.42-18.25-20.2-21.42-38.29-39.35C313.09 18.27 288 20 271.65 36.47Z;
  110. M275.06 24.76C248 49 256 67 268.84 84c14.63 18.06 34 37.6 46 56.82c12 19.22 42.92 23 59.21 6.22c16.29-16.78 22.53-39.06 6.22-59.2C364.9367 68.8933 349.6033 49.9467 334.27 31C318.23 11.19 293.13 10.13 275.06 24.76Z"/>
  111. </path>
  112. <path id="shape_morph_5" d="M110.84 154.87c-18.06 14.63-18.07 38.64-6.22 59.2c11.85 20.56 32 39.49 46 56.82c14 17.33 40 21.79 59.21 6.22c19.21-15.57 22.21-43.39 6.22-59.2c-15.99-15.81-28.9-39.64-46-56.82C152.95 143.91 128.91 140.24 110.84 154.87Z" fill="#7C6576">
  113. <animate attributeName="d" dur="20s" repeatCount="indefinite"
  114. values="
  115. M110.84 154.87c-18.06 14.63-18.07 38.64-6.22 59.2c11.85 20.56 32 39.49 46 56.82c14 17.33 40 21.79 59.21 6.22c19.21-15.57 22.21-43.39 6.22-59.2c-15.99-15.81-28.9-39.64-46-56.82C152.95 143.91 128.91 140.24 110.84 154.87Z;
  116. M104.35 154.78c-15.38 17.18-6 38.14 3.7 58.95c10 21.51 23 46.4 42.58 57.16c21.59 11.89 46.35 22.86 65.57 7.3c19.22-15.56 15.85-44.47-.14-60.28c-15.99-15.81-31.19-32.24-43.84-53.28C159.73 143.84 119.86 137.46 104.35 154.78Z;
  117. M104.35 154.78C89 172 99.64 193.83 112.76 212.64c13.59 19.47 18.08 46.18 31.43 63.57c8.4 11 41.86 19.71 61.09 4.15c19.23-15.56 15.71-35.59 14.53-58.05c-1.05-20.15-22.88-44.71-39.16-61.53C163.79 143.36 119.86 137.46 104.35 154.78Z;
  118. M110.84 154.87c-18.06 14.63-18.07 38.64-6.22 59.2c11.85 20.56 32 39.49 46 56.82c14 17.33 40 21.79 59.21 6.22c19.21-15.57 22.21-43.39 6.22-59.2c-15.99-15.81-28.9-39.64-46-56.82C152.95 143.91 128.91 140.24 110.84 154.87Z"/>
  119. </path>
  120. </svg>