如何使用 jQuery 制作 CSS3 动画？

【问题标题】：How to make CSS3 animation with jQuery?如何使用 jQuery 制作 CSS3 动画？
【发布时间】：2013-03-20 07:13:51
【问题描述】：

我有简单的 css3 动画：

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

如何用 jquery animate() 运行它？

【问题讨论】：

你没有。它们是两种完全不同的动画执行方式。

标签： jquery css animation

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：