title: Can you change CSS3 animation keyframe attributes inline (i.e. in the HTML style attribute)?
body: <p>Is it possible to change the animation keyframe attributes by making inline adjustments.</p>
  
  <p>Take for example</p>
  
  <pre><code>@-moz-keyframes slidein {
      from {
          width: 10%;
      }
  
      to {
          width:50%;
      }
  }
  </code></pre>
  
  <p>Would it be possible to change the width attribute in the 'to' portion of the keyframe, by doing something like </p>
  
  <pre><code>&lt;div id="someID" style="change keyframe here"&gt;
  </code></pre>
  
  <p>For the time being I am just creating an entire style sheet dynamically on the page in order to customize the keyframes.</p>
  
  <p>This method works, however I would much rather adjust the attributes inline for simplicity.</p>