是否可以更改CSS動畫寬度javascript？

有沒有辦法讓一個CSS函數動態？是否可以更改CSS動畫寬度javascript？

.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 
}

我想from { height: 0%; }和to { height: 90%; }動態使用JavaScript。

這可能嗎？

來源

2012-03-21 robind38

你可以做到這一點btw – tkone 2012-03-21 11:34:54

這看起來是你想要的：http://stackoverflow.com/questions/2495829/dynamically-modify-webkit-animation-with-javascript – callumacrae 2012-03-21 11:36:03

是的，謝謝Callum Macrae。這是我正在尋找的解決方案。 – robind38 2012-03-21 12:43:14

您可以使用jQuery的CSS（）函數

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

來源

2012-03-21 11:34:42 PaulKoeck

使用jQuery和jQuery動畫功能這裏有一個的jsfiddle例如：

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

來源

2012-03-21 11:35:05

可以伊斯利讓步的.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' 
      });

來源

2012-03-21 12:18:52

是否可以更改CSS動畫寬度javascript？

回答

相關問題