さあ!私についてcss 3を書いてアニメーションをロードします!
6145 ワード
多くのフロントエンド開発者は私と同じように、css 3のアニメーションについてあまり書いていないかもしれませんが、製品の強制的な特技に出会って、急いでネットでケースを探します!ほほほ!もちろんHTML 5ブームに乗った先端開発者として、いくつかの高迫格のアニメーションを手書きで書くことはありませんが、あなたはどのように古い革命家と境界線を画しますか?そうですね.馬に乗れ!今日私は、みんなを連れてロードしたアニメーション効果を作ります!アニメーションといえばanimationですが、animation-nameの規定を記述するにはセレクタにバインドするkeyframe名が必要です.
animation-durationでは、アニメーションの完了にかかる時間を秒またはミリ秒で指定します.
アニメーション-timing-functionは、アニメーションの速度曲線を規定します.
アニメーション-delayは、アニメーションが開始される前の遅延を規定しています.
アニメーション-iteration-countは、アニメーションが再生すべき回数を規定します.
アニメーション-directionでは、アニメーションを順番に逆再生するかどうかを規定しています.w 3 cschoolのリソースを借りてもいいですが、菜鳥チュートリアルに行ってドキュメントを見ることをお勧めします.ページ全体のコードを見てみましょう.
htmlの构造はとても简単で、エッセンスはすべてcssの中で、兴味のある童靴はコピーして运転して、やはり少し追い詰めて、今回分かち合うのは平面のアニメーションで、今度みんなにクールな3 d効果をあげます!特技は有料です!
animation-durationでは、アニメーションの完了にかかる時間を秒またはミリ秒で指定します.
アニメーション-timing-functionは、アニメーションの速度曲線を規定します.
アニメーション-delayは、アニメーションが開始される前の遅延を規定しています.
アニメーション-iteration-countは、アニメーションが再生すべき回数を規定します.
アニメーション-directionでは、アニメーションを順番に逆再生するかどうかを規定しています.w 3 cschoolのリソースを借りてもいいですが、菜鳥チュートリアルに行ってドキュメントを見ることをお勧めします.ページ全体のコードを見てみましょう.
Document
htmlの构造はとても简単で、エッセンスはすべてcssの中で、兴味のある童靴はコピーして运転して、やはり少し追い詰めて、今回分かち合うのは平面のアニメーションで、今度みんなにクールな3 d効果をあげます!特技は有料です!