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="M31.420606429619056 27.22042334886254 C0.8318253443479371 39.12487218340341 1.7756563071244607 129.5981038481599 18.44763641520423 157.87237677625893 C31.66473450687424 180.28746102772263 88.09294348622709 200.66641964564215 114.06161845938428 199.0064184096299 C133.1644101926667 197.7853065153453 178.10191382198207 179.08901417841736 179.97095965255693 160.03870095404392 C184.83521199470576 110.45964344541872 77.8458613489557 9.15278376959613 31.420606429619056 27.22042334886254Z" stroke="none" fill="url(#lgrad)"  />
</svg>