Question

我想使用JQuery覆盖Keyframes中的值

这是我的代码：

.v5Container { 
    background: #ffffff; 
    position: relative;
    transform-origin: left top 0;
    z-index: 101; 
    animation: 2s linear 0s normal none 1 formAnimate;
}
 @keyframes formAnimate {
    0% {transform: rotateY(-90deg); opacity:0;}
    100% {transform: rotateY(0deg); opacity:1;}
}

我想使用JQuery覆盖此rotateY()和opacity值。

Answer 1

有这样的： Set Webkit Keyframes Values Using Javascript Variable在他的回答中包含的小提琴中 - 你可以看到如何获得CSS-Keyframe并进行更改。

也许是更好的解决方案：programmatically changing webkit-transformation values in animation rules

如何使用jQuery覆盖CSS3关键帧

1 个答案: