title: Is it possible to change css animation width javascript?
body: <p>Is there a way to make a css function dynamic? </p>
  
  <pre><code>.test2
  {
      width:200px;
      height: 90%;
      -webkit-animation:myfirst2 linear; /* Safari and Chrome */
      -webkit-animation-duration: 10s;
  }
  
  @-webkit-keyframes myfirst2 /* Safari and Chrome */
  {
      from { height: 0%; } &lt;--this must be dynamic
      to { height: 90%; } &lt;--this must be dynamic
  }    
  </code></pre>
  
  <p>I want the <code>from { height: 0%; }</code> and the <code>to { height: 90%; }</code> dynamic with JavaScript.</p>
  
  <p>Is this possible?</p>