如何用jQuery制作CSS3动画？

Question

我有简单的css3动画：

@keyframes vlogo {
    0% {
        transform: rotateX(90deg);
    }
    50%{
        transform: rotateX(200deg)
    }
    100% {
        transform: rotateX(360deg);
    }
}

如何使用jquery animate（）运行它？

Answer 1

jQuery animate不使用CSS动画。如果要使用jQuery应用CSS动画，则需要在元素上切换类，其中类是使用动画定义的。

Answer 2

jQuery动画与CSS动画完全不同。您所要做的就是为元素添加CSS属性，所以您应该这样做：

$(".myelement").css('animation','vlogo 5s');