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="M125.59065356694632 3.3298471604780246 C97.45216137774642 -11.284262149856975 25.481496087592312 28.19757126143626 10.208178186332105 55.98376736495371 C-3.2572296312799107 80.48089789368666 5.458563881897149 147.29201538753355 25.53409855413358 166.74450930117405 C49.58829024505006 190.05218329862922 136.02449958613096 205.51300546873804 158.75870194910672 180.91609818358793 C189.41410804210327 147.74897098821958 165.67159748928123 24.146431496408745 125.59065356694632 3.3298471604780246Z" stroke="none" fill="url(#lgrad)"  />
</svg>
Blob Generator

resources
