jquery - 如何使用 jQuery 制作 CSS3 动画？

Question

我有简单的 css3 动画：

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

如何用 jquery animate() 运行它？

Answer 1

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

Answer 2

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

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