title: How to get 60 fps in css element width animation?
body: <p>Is there any ways to get smooth 60fps in css animation, especially when you animating some elements width? </p>
  
  <p>I have tried 3 ways and I got 60fps only with css transform: scale(), but this method is not very useful, because all child elements are stretching with parent container. I added scale(0.5) for child elements and that is canceled stretching, but I got some problems with absolute positioned elements.</p>
  
  <p>When I used simple width animation, in big landing page I got drawdowns from 60 to 17 frames per second.</p>
  
  <p>With changing flex-graw of current div, fps was 3-4.</p>
  
  <p><code>Here is a simple example with low fps</code>: <a href="https://jsfiddle.net/ucgwfetq/14/" rel="nofollow">https://jsfiddle.net/ucgwfetq/14/</a></p>
  
  <p>In a big landing page with huge number of elements in each block, fps is muсh lower.</p>