title: How to set css3 animation inline or by javascript?
body: <p>I'd like to set css3 animation effect to multi element, but the animated position was related to the count of elements which is not certain. I had to set css style by js (maybe a mvvm framework).</p>
  
  <p>sample code:</p>
  
  <pre><code>@-webkit-keyframes position {
      0% {left:0}
      100% {left: 5*elementCounts px;}
  }
  </code></pre>
  
  <p>I found there's no way to set css property by data-*, neither to add inline css3 animation defining inline.
  Anybody have idea to resolve this in css or mvvm way?</p>