Home Explore Help
Register Sign In
jc
/
odoo16
Watch 6
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 817b12dc4d
Branches Tags
odoo16
/
addons
/
web_editor
/
static
/
shapes
/
Floats
/
14.svg

14.svg 13 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 
  1. <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 600">
    2. 

  2.     <style>
    3. 

  3.         @keyframes shape_01 {
    4. 

  4.             0%, 100% {transform: translate(0, 0) rotate(0deg);}
    5. 

  5.             50%      {transform: translate(10%, 5%) rotate(-15deg);}
    6. 

  6.         }
    7. 

  7.         @keyframes shape_02 {
    8. 

  8.             0%   {transform: rotate(-40deg);}
    9. 

  9.             100% {transform: rotate(320deg);}
    10. 

  10.         }
    11. 

  11.         @keyframes shape_03 {
    12. 

  12.             0%, 100% {transform: translate(0, 0) rotate(0deg);}
    13. 

  13.             50%      {transform: translate(10%, 0) rotate(-30deg);}
    14. 

  14.         }
    15. 

  15.         @keyframes shape_04 {
    16. 

  16.             0%, 100% {transform: scale(1);}
    17. 

  17.             50%      {transform: scale(.5);}
    18. 

  18.         }
    19. 

  19.         @keyframes shape_11 {
    20. 

  20.             0%, 100% {transform: translate(0, 0) rotate(0deg);}
    21. 

  21.             50%      {transform: translate(0, 50%) rotate(5deg);}
    22. 

  22.         }
    23. 

  23. 

  24.         .shape {
    25. 

  25.             transform-box: fill-box;
    26. 

  26.             transform-origin: center;
    27. 

  27.         }
    28. 

  28.         #shape_01 {animation: shape_01 20s linear infinite;}
    29. 

  29.         #shape_02 {animation: shape_01 40s linear infinite;}
    30. 

  30.         #shape_03 {animation: shape_02 100s linear infinite;}
    31. 

  31.         #shape_04 {animation: shape_02 200s linear infinite;}
    32. 

  32.         #shape_05 {animation: shape_03 30s linear infinite;}
    33. 

  33.         #shape_06 {animation: shape_03 50s linear infinite;}
    34. 

  34.         #shape_07 {animation: shape_04 30s linear infinite;}
    35. 

  35.         #shape_08 {animation: shape_04 60s linear infinite;}
    36. 

  36.         #shape_09 {animation: shape_01 20s linear infinite;}
    37. 

  37.         #shape_10 {animation: shape_03 25s linear infinite;}
    38. 

  38.         #shape_11 {animation: shape_11 30s linear infinite;}
    39. 

  39.         #shape_12 {animation: shape_04 20s linear infinite;}
    40. 

  40.         #shape_13 {animation: shape_04 35s linear infinite;}
    41. 

  41.         #shape_14 {animation: shape_04 30s linear infinite;}
    42. 

  42.     </style>
    43. 

  43.     <path class="shape" id="shape_01" d="M391,174,313.8,154.62a5,5,0,0,1-2.37-8.33L366.8,89.13a5,5,0,0,1,8.4,2.11L397,167.78A5,5,0,0,1,391,174Z" fill="#3AADAA"/>
    44. 

  44.     <path class="shape" id="shape_02" d="M413.55,165.09l-77.19-19.37a5,5,0,0,1-2.37-8.33l55.37-57.16a5,5,0,0,1,8.4,2.11l21.81,76.53A5,5,0,0,1,413.55,165.09Z" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="4"/>
    45. 

  45.     <rect class="shape" id="shape_03" x="91.61" y="222.65" width="88.4" height="88.4" rx="5" transform="translate(-136.72 142.84) rotate(-38.56)" fill="#3AADAA"/>
    46. 

  46.     <rect class="shape" id="shape_04" x="116.13" y="231.14" width="88.4" height="88.4" rx="5" transform="translate(-136.67 159.97) rotate(-38.56)" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="4"/>
    47. 

  47.     <path class="shape" id="shape_05" d="M1145.57,381.3l13.86-78.36a5,5,0,0,1,8.14-3l60.94,51.19a5,5,0,0,1-1.51,8.53l-74.8,27.17A5,5,0,0,1,1145.57,381.3Z" fill="#3AADAA"/>
    48. 

  48.     <path class="shape" id="shape_06" d="M1163.63,384.13l13.86-78.37a5,5,0,0,1,8.14-2.95L1246.56,354a5,5,0,0,1-1.5,8.53l-74.8,27.18A5,5,0,0,1,1163.63,384.13Z" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="4"/>
    49. 

  49.     <circle class="shape" id="shape_07" cx="1106.82" cy="149.19" r="33.06" fill="#7C6576"/>
    50. 

  50.     <circle class="shape" id="shape_08" cx="1127.39" cy="128.62" r="22.06" fill="none" stroke="#383E45" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
    51. 

  51.     <path class="shape" id="shape_09" d="M1050.81,547.43l-7.74-71.8a5,5,0,0,1,6.45-5.31l54.81,17a5,5,0,0,1,2.31,8l-47.06,54.78A5,5,0,0,1,1050.81,547.43Z" fill="#F6F6F6"/>
    52. 

  52.     <path class="shape" id="shape_10" d="M1070.67,542.08l-7.75-71.8a5,5,0,0,1,6.46-5.31l54.81,17a5,5,0,0,1,2.3,8l-47.06,54.78A5,5,0,0,1,1070.67,542.08Z" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="4"/>
    53. 

  53.     <g>
    54. 

  54.         <path d="M1302.54,508.78a4.5,4.5,0,1,1-4.5-4.49A4.5,4.5,0,0,1,1302.54,508.78Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="2"/>
    55. 

  55.         <path d="M1319.08,508.78a4.5,4.5,0,1,1-4.5-4.49A4.49,4.49,0,0,1,1319.08,508.78Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="2"/>
    56. 

  56.         <path d="M1310.66,523a4.5,4.5,0,1,1-4.49-4.49A4.49,4.49,0,0,1,1310.66,523Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="2"/>
    57. 

  57.         <path d="M1327.2,523a4.5,4.5,0,1,1-4.49-4.49A4.49,4.49,0,0,1,1327.2,523Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="2"/>
    58. 

  58.         <path d="M1318.64,537.22a4.5,4.5,0,1,1-4.49-4.49A4.49,4.49,0,0,1,1318.64,537.22Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="2"/>
    59. 

  59.         <path d="M1335.19,537.22a4.5,4.5,0,1,1-4.5-4.49A4.5,4.5,0,0,1,1335.19,537.22Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="2"/>
    60. 

  60.         <path d="M1326.77,551.44a4.5,4.5,0,1,1-4.5-4.49A4.49,4.49,0,0,1,1326.77,551.44Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="2"/>
    61. 

  61.         <path d="M1343.31,551.44a4.5,4.5,0,1,1-4.5-4.49A4.49,4.49,0,0,1,1343.31,551.44Z" fill="none" stroke="#7C6576" stroke-miterlimit="10" stroke-width="2"/>
    62. 

  62.     </g>
    63. 

  63.     <path d="M329,457.06l64.1,33.25a5,5,0,0,1,.86,8.32l-44.5,36.25a5,5,0,0,1-8-2.52l-19.61-69.51A5,5,0,0,1,329,457.06Z" fill="#7C6576"/>
    64. 

  64.     <path d="M322.43,476.56l64.11,33.25a5,5,0,0,1,.85,8.32L342.9,554.38a5,5,0,0,1-8-2.52l-19.61-69.51A5,5,0,0,1,322.43,476.56Z" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="4"/>
    65. 

  65.     <circle cx="172.61" cy="395.03" r="18.95" transform="translate(-228.77 237.76) rotate(-45)" fill="none" stroke="#383E45" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
    66. 

  66.     <g class="shape" id="shape_11">
    67. 

  67.         <path d="M800.64,131l17.15-32.52A5,5,0,0,1,825.43,97l19.33,16.22a5,5,0,0,0,7-.62L878.26,81a5,5,0,0,1,7-.62l9.79,8.22a5,5,0,0,0,7-.61l23.72-28.27a5,5,0,0,1,7-.62l11.25,9.44" fill="none" stroke="#383E45" stroke-linecap="round" stroke-miterlimit="10" stroke-width="4"/>
    68. 

  68.         <circle class="shape" id="shape_12" cx="949.75" cy="73.11" r="18.95" transform="matrix(0.08, -1, 1, 0.08, 801.54, 1014.07)" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
    69. 

  69.         <circle class="shape" id="shape_13" cx="882.83" cy="63.67" r="6.74" transform="translate(754.34 939.42) rotate(-85.78)" fill="#7C6576"/>
    70. 

  70.         <circle class="shape" id="shape_14" cx="820.24" cy="92.39" r="11.48" transform="translate(667.72 903.61) rotate(-85.78)" fill="none" stroke="#3AADAA" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"/>
    71. 

  71.     </g>
    72. 

  72.     <circle cx="421.95" cy="559.18" r="18.95" transform="translate(-181.87 204.04) rotate(-22.5)" fill="#3AADAA"/>
    73. 

  73.     <circle cx="1330.69" cy="225.12" r="18.95" transform="translate(836.02 1480.79) rotate(-78.1)" fill="#F6F6F6"/>
    74. 

  74.     <g>
    75. 

  75.         <path d="M81,494.61a4.5,4.5,0,1,1-5.37-3.42A4.5,4.5,0,0,1,81,494.61Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    76. 

  76.         <path d="M95.58,484a4.5,4.5,0,1,1-5.37-3.42A4.49,4.49,0,0,1,95.58,484Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    77. 

  77.         <path d="M113.29,487.45a4.5,4.5,0,1,1-5.37-3.42A4.51,4.51,0,0,1,113.29,487.45Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    78. 

  78.         <path d="M131,490.73a4.5,4.5,0,1,1-5.37-3.42A4.51,4.51,0,0,1,131,490.73Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    79. 

  79.         <path d="M145.59,480.3a4.5,4.5,0,1,1-5.37-3.42A4.51,4.51,0,0,1,145.59,480.3Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    80. 

  80.         <path d="M157.93,467.6a4.5,4.5,0,1,1-5.36-3.42A4.5,4.5,0,0,1,157.93,467.6Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    81. 

  81.         <path d="M84.63,508.37A4.5,4.5,0,1,1,79.27,505,4.49,4.49,0,0,1,84.63,508.37Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    82. 

  82.         <path d="M99.22,497.76a4.5,4.5,0,1,1-5.36-3.42A4.5,4.5,0,0,1,99.22,497.76Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    83. 

  83.         <path d="M116.93,501.21a4.5,4.5,0,1,1-5.37-3.42A4.48,4.48,0,0,1,116.93,501.21Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    84. 

  84.         <path d="M134.6,504.49a4.5,4.5,0,1,1-5.37-3.42A4.49,4.49,0,0,1,134.6,504.49Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    85. 

  85.         <path d="M149.23,494.05a4.5,4.5,0,1,1-5.37-3.42A4.5,4.5,0,0,1,149.23,494.05Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    86. 

  86.         <path d="M161.57,481.36a4.5,4.5,0,1,1-5.36-3.42A4.49,4.49,0,0,1,161.57,481.36Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    87. 

  87.         <path d="M88.27,522.12a4.5,4.5,0,1,1-5.36-3.41A4.5,4.5,0,0,1,88.27,522.12Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    88. 

  88.         <path d="M102.87,511.52a4.5,4.5,0,1,1-5.37-3.42A4.51,4.51,0,0,1,102.87,511.52Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    89. 

  89.         <path d="M120.57,515a4.5,4.5,0,1,1-5.36-3.42A4.49,4.49,0,0,1,120.57,515Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    90. 

  90.         <path d="M138.24,518.25a4.5,4.5,0,1,1-5.36-3.42A4.49,4.49,0,0,1,138.24,518.25Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    91. 

  91.         <path d="M152.87,507.81a4.5,4.5,0,1,1-5.36-3.42A4.48,4.48,0,0,1,152.87,507.81Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    92. 

  92.         <path d="M165.22,495.12a4.5,4.5,0,1,1-5.37-3.42A4.5,4.5,0,0,1,165.22,495.12Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    93. 

  93.         <path d="M91.92,535.88a4.5,4.5,0,1,1-5.37-3.42A4.51,4.51,0,0,1,91.92,535.88Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    94. 

  94.         <path d="M106.51,525.28a4.5,4.5,0,1,1-5.37-3.42A4.49,4.49,0,0,1,106.51,525.28Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    95. 

  95.         <path d="M124.22,528.72a4.5,4.5,0,1,1-5.37-3.41A4.51,4.51,0,0,1,124.22,528.72Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    96. 

  96.         <path d="M141.89,532a4.5,4.5,0,1,1-5.37-3.41A4.51,4.51,0,0,1,141.89,532Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    97. 

  97.         <path d="M156.52,521.57a4.5,4.5,0,1,1-5.37-3.42A4.51,4.51,0,0,1,156.52,521.57Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    98. 

  98.         <path d="M168.86,508.87a4.5,4.5,0,1,1-5.36-3.41A4.5,4.5,0,0,1,168.86,508.87Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    99. 

  99.         <path d="M95.56,549.64a4.5,4.5,0,1,1-5.36-3.42A4.48,4.48,0,0,1,95.56,549.64Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    100. 

  100.         <path d="M110.15,539a4.5,4.5,0,1,1-5.36-3.42A4.49,4.49,0,0,1,110.15,539Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    101. 

  101.         <path d="M127.86,542.48a4.5,4.5,0,1,1-5.37-3.42A4.5,4.5,0,0,1,127.86,542.48Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    102. 

  102.         <path d="M145.53,545.76a4.5,4.5,0,1,1-5.37-3.42A4.5,4.5,0,0,1,145.53,545.76Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    103. 

  103.         <path d="M160.16,535.33a4.5,4.5,0,1,1-5.37-3.42A4.49,4.49,0,0,1,160.16,535.33Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    104. 

  104.         <path d="M172.5,522.63a4.5,4.5,0,1,1-5.36-3.42A4.5,4.5,0,0,1,172.5,522.63Z" fill="none" stroke="#3AADAA" stroke-miterlimit="10" stroke-width="2"/>
    105. 

  105.     </g>
    106. 

  106.     <circle cx="149.31" cy="92.57" r="18.95" transform="translate(25.15 216.85) rotate(-76.83)" fill="#F6F6F6"/>
    107. 

  107.     <circle cx="177.78" cy="120.6" r="10.74" transform="translate(19.83 266.22) rotate(-76.83)" fill="#3AADAA"/>
    108. 

  108.     <rect x="1215.55" y="458.74" width="24.23" height="37.26" rx="2" transform="translate(-65.65 227.62) rotate(-10.32)" fill="#3AADAA"/>
    109. 

  109.     <rect x="1292.24" y="67.52" width="42.42" height="36.18" rx="3" transform="matrix(-0.62, -0.78, 0.78, -0.62, 2065.2, 1166.04)" fill="#3AADAA"/>
    110. 

  110.     <rect x="1317.73" y="62.12" width="42.42" height="36.18" rx="3" transform="translate(2110.8 1177.21) rotate(-128.56)" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="4"/>
    111. 

  111.     <rect x="202.76" y="394.65" width="14.32" height="14.32" rx="2" transform="translate(-234.07 493.38) rotate(-74.07)" fill="#3AADAA"/>
    112. 

  112.     <rect x="192.61" y="416.3" width="9.18" height="9.18" transform="translate(-172.23 138.84) rotate(-27.53)" fill="#F6F6F6"/>
    113. 

  113.     <circle cx="1218.69" cy="493.05" r="11.03" transform="translate(536.79 1617.03) rotate(-80.78)" fill="#7C6576"/>
    114. 

  114.     <circle cx="338.27" cy="277.38" r="33.06" fill="#F6F6F6"/>
    115. 

  115.     <circle cx="338.27" cy="277.38" r="33.06" fill="#F6F6F6"/>
    116. 

  116.     <circle cx="314.34" cy="301.31" r="16.53" fill="#7C6576"/>
    117. 

  117.     <rect x="516.17" y="41.4" width="34.93" height="34.93" transform="translate(49.14 290.15) rotate(-31.81)" fill="#F6F6F6"/>
    118. 

  118.     <circle cx="530.9" cy="74.95" r="16.08" fill="none" stroke="#383E45" stroke-miterlimit="10" stroke-width="4"/>
    119. 

  119.     <line x1="327.96" y1="281.87" x2="384.04" y2="338.82" fill="none" stroke="#383E45" stroke-linecap="round" stroke-miterlimit="10" stroke-width="4"/>
    120. 

  120. </svg>
    121. 

  121.