title: css3 animation using transform
body: <p>First li in line of several ones doesn't glue to the next one if the first one smoothly derceases to 0 using css3 animation via transform property. Why?</p>
  
  <p>Working sourcecode example: <a href="http://codepen.io/anon/pen/lLpeo" rel="nofollow">http://codepen.io/anon/pen/lLpeo</a></p>
  
  <p>Thanx</p>