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="M199.8377128468074 94.30516957948457 C190.32632636056482 58.305811205699754 120.48521861745846 -2.4033283498215696 83.4432752323471 1.3801497417067168 C50.98318874894282 4.695635238302895 -7.695335956716282 70.04550056456426 0.015319240668176803 101.75031810094622 C10.815208773682714 146.15750767070625 126.1977004537026 190.55845034727457 168.37854067316997 172.96831624347408 C187.92700149289456 164.8162726722048 205.24805972534563 114.78262746522009 199.8377128468074 94.30516957948457Z" stroke="none" fill="url(#lgrad)"  />
</svg>