title: Pure JavaScript CSS3-like animation
body: <p>How can I, with simple JavaScript, <strong>without switching</strong> classes and ids, without <strong>jQuery</strong> and <strong>jQuery plugins</strong>, remake a CSS3 animation, but only with JavaScript? In CSS3 it's so simple by using <code>@keyframes</code>, but how to do it with JavaScript? What will the code be?</p>
  
  <p>How can I create an animation?</p>
  
  <pre><code>var start = document.getElementById("start");
  start.style.animation = ... // I don't know what to do
  start.style.animationname = ... //Or something like this?
  </code></pre>
  
  <p>I'm still new to JavaScript.</p>
  
  <p><strong>UPD</strong></p>
  
  <p>I will try to simply describe, what I need: I need a div, when I click on it, it has to move +5px to the left. But I read, that the DOM animation isn't so good, so I asked about using CSS3-like animation in JavaScript.</p>