1

CSS3アニメーションに慣れていませんが、Web要素にCSS3アニメーションを追加したいのですが、css3アニメーションをすばやく実行する方法を教えてください。たとえば、css3アニメーションを実行するためのjqueryプラグインはありますか?ありがとう!

4

4 に答える 4

2

使用する必要はありません。CSS3.comのチートシートページjquery pluginを参照してください。

CSS3のすべてのプロパティと互換性を設定します。

于 2012-08-12T03:59:56.470 に答える
2

ここに画像の説明を入力してください

実際、私はanimate.CSSという名前の非常に優れたCSS3アニメーションファイルを知っています。これは、要素にcssアニメーションを追加するのにすぐに役立ちます。以下のように、jquery addClassメソッドを使用して、その場でアニメーションを追加できます。

$('#somediv')。addClass('animateおよびfadeInRightBig');

次に、youoはdivをfadeIn効果でアニメーション化できます。最大60種類のエフェクトをサポートしているので、必要なエフェクトが見つかると思います。animate.cssによって開発されたこの小さなゲームデモをチェックしてください。あなたがそれを好きになることを願っています!

于 2012-08-12T04:01:31.290 に答える
1

アニメーション情報を含むCSSのスニペットを生成する多くのツールがオンラインにあります。必要な結果を生成したら、有効なCSSセレクター内のCSSファイルに貼り付けて試してください。

CSSアニメーションの利点の1つは、JavaScriptに依存しないことです。そのため、jQueryプラグインはおそらく適切ではありません。

「css3アニメーションジェネレーター」は良いグーグル検索フレーズです。私は上位の結果を調べましたが、次のようないくつかの結果が役に立ちました。

于 2012-08-12T04:00:52.883 に答える
0

これを試してみてくださいhttp://cssanimate.com/、このツールはcss3キーフレームアニメーションを生成するためのものです

于 2013-08-04T13:01:57.583 に答える