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');