CSS3アニメーションに慣れていませんが、Web要素にCSS3アニメーションを追加したいのですが、css3アニメーションをすばやく実行する方法を教えてください。たとえば、css3アニメーションを実行するためのjqueryプラグインはありますか?ありがとう!
4 に答える
使用する必要はありません。CSS3.comのチートシートページjquery plugin
を参照してください。
CSS3のすべてのプロパティと互換性を設定します。
実際、私はanimate.CSSという名前の非常に優れたCSS3アニメーションファイルを知っています。これは、要素にcssアニメーションを追加するのにすぐに役立ちます。以下のように、jquery addClassメソッドを使用して、その場でアニメーションを追加できます。
$('#somediv')。addClass('animateおよびfadeInRightBig');
次に、youoはdivをfadeIn効果でアニメーション化できます。最大60種類のエフェクトをサポートしているので、必要なエフェクトが見つかると思います。animate.cssによって開発されたこの小さなゲームデモをチェックしてください。あなたがそれを好きになることを願っています!
アニメーション情報を含むCSSのスニペットを生成する多くのツールがオンラインにあります。必要な結果を生成したら、有効なCSSセレクター内のCSSファイルに貼り付けて試してください。
CSSアニメーションの利点の1つは、JavaScriptに依存しないことです。そのため、jQueryプラグインはおそらく適切ではありません。
「css3アニメーションジェネレーター」は良いグーグル検索フレーズです。私は上位の結果を調べましたが、次のようないくつかの結果が役に立ちました。
これを試してみてくださいhttp://cssanimate.com/、このツールはcss3キーフレームアニメーションを生成するためのものです