Blob Generator

					
<style>
  .float {  
    animation-name: ani-float;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out; 
  }
 
  @keyframes ani-float {
    0% { transform: translate(0,  0px); }
    50% { transform: translate(0, 15px); }
    100% { transform: translate(0, -0px); }    
  }
</style>

<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" 
  viewBox="-25 -25 250 250" class="float"> 
  <defs>
   <linearGradient id="lgrad" x1="0%" y1="50%" x2="100%" y2="50%" >
     <stop offset="0%" style="stop-color:#00FF84;stop-opacity:1.00" />
     <stop offset="100%" style="stop-color:#008EE6;stop-opacity:1.00" />
   </linearGradient>
  </defs>
  <path d="M139.28393315369513 8.039287758434511 C109.27799687883068 -6.782198193490547 31.79291592918023 23.935432025318104 12.62221489164321 51.36747313209169 C-1.8365712942376557 72.05706691525637 -3.3994108221450894 134.79056207955335 14.77236933789726 152.30918630340375 C45.73566999746984 182.15956002616656 161.94041750626602 184.78229222795974 186.788082782371 149.67724516275354 C208.36522071760484 119.19283407897828 172.76960748643296 24.579596554902906 139.28393315369513 8.039287758434511Z" stroke="none" fill="url(#lgrad)"  />
</svg>
Blob Generator

resources
