CSSのアニメーション幅を変更することは可能ですか？

Question

CSS関数を動的にする方法はありますか？

.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%; } <--this must be dynamic 
    to { height: 90%; } <--this must be dynamic 
}  

私はJavaScriptを使用してfrom { height: 0%; }とto { height: 90%; }がダイナミックたいです。

これは可能ですか？あなたはイースリーの.cssに与えることができます

http://jsfiddle.net/QrbNW/1/

Answer 1

あなたはjsfiddle例を持って

$('.foo').css({'-webkit-animation': 'myfirst2 linear', '-webkit-animation-duration': '10s'}); 

Answer 2

使用jQueryとjQueryのここでの機能 をアニメーションjQueryのCSS（）関数を使用することができます

このように

//Fade in Background 
      jQuery('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeOut(); //Fade in the fade layer  


     //Apply Margin to Popup 
      jQuery('#' + popID).css({ 
       'margin-top' : -popMargTop, 
       'margin-left' : -popMargLeft, 
       'display' : 'block' 
      }); 

Answer 3

：