title: css transition animation doesn't work on svg path's "d' attribute change
body: <p><a href="https://jsfiddle.net/rnhu7673/2/" rel="noreferrer">jsFiddle</a></p>
  
  <p>I'm trying to apply css transition to svg various elements.  <code>transition: all 2s</code> works great for circle however it doesn't work for path.  </p>
  
  <p>How is there something more specific then "all"?</p>
  
  <p>EDITED:</p>
  
  <p>Below link has more info animating svg line or path...  and it seems that it is not possible with css transition yet...</p>
  
  <p><a href="https://stackoverflow.com/questions/32075830/can-you-use-css-transitions-on-svg-attributes-like-y2-on-a-line">Can you use CSS transitions on SVG attributes? Like y2 on a line?</a></p>