是否有可能改变CSS动画宽度javascript？

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%; }动态的JavaScript.

这可能吗？

Answer 1

您可以使用jQuery css()函数

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