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="M194.29050147461496 66.69382442150356 C184.55871313639557 40.527872182923346 132.5388132109585 1.2690392974023925 104.64586251349162 0.10797848924202924 C76.35025988022508 -1.069842947331487 8.980236109590175 31.549372935373302 8.40809359127266 59.863698720298956 C7.4148371672560796 109.01821018761397 125.44927039820095 188.38651291633664 171.15263430475287 170.26594218747874 C195.81611708411313 160.48731002733487 203.53919823327203 91.56088371683656 194.29050147461496 66.69382442150356Z" stroke="none" fill="url(#lgrad)"  />
</svg>