title: SVG shape distortion with FeTurbulences
body: <p>My question is quite simple : Is it possible to reproduce <a href="https://graphism.fr" rel="nofollow noreferrer">this effect</a> (the circle distortion animation) with SVG filters ?</p>
  
  <p>I think it would be interesting to use FeTurbulences with FeDisplacementMap because it works on a <a href="http://codepen.io/vavouweb/pen/yMemoO" rel="nofollow noreferrer">static way</a>. But actually, I don't which attribute I should tween to make the animation nice.</p>
  
  <pre><code>&lt;feTurbulence type="fractalNoise" baseFrequency="0.01" numOctaves="2" result="warp" seed="0" stichTitles="stitch"&gt;&lt;/feTurbulence&gt;
  &lt;feDisplacementMap xChannelSelector="R" yChannelSelector="G" scale="30" in="SourceGraphic" in2="warp" /&gt;
  </code></pre>
  
  <p>If you have other solutions (js libraries, filters, etc) : please don't hesitate. I'm open to every solutions ;)</p>
  
  <p>Thank you for your consideration.</p>