2

私はビニール レコードを簡単に動かせるように取り組んでおり、一定の速度で回転する必要があるため、質問しています。これらのクラスを追加することで、簡単に回転させたり、簡単にイーズインアウトしたりできます。

#label_vinyl.rotate {
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         12s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

#label_vinyl.ease {
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         12s; 
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
}

私の問題は、あるクラスから別のクラスに切り替えることです。クラスeaseクラスをrotateクラスに置き換えようとすると。または、最初に両方のクラスを追加し (最後にイーズイン オーバーライドを作成)、次にイーズ クラスを削除すると、イーズ クラスが div/画像

クラスを変えてもイーズインは永遠に続くかのようです。私の質問は次のとおりです。2 つを組み合わせたり、チェーンしたりする方法はありますか? 次の行の何か:

    -webkit-animation-iteration-count: 1, infinity;
    -webkit-animation-timing-function: ease-in, linear;

前者はうまくいきません。

編集:存在しない場合は、実際に存在する必要があります! :)

4

1 に答える 1

0

jQuery を使用してクラスを制御できますか?

$('#label_vinyl').toggleClass('ease','rotate');

または、これをすべてCSSで実行したかったのですか?

于 2013-02-28T04:00:13.620 に答える