CSS3を利用したアニメーションの実装をまとめました。アニメーションを実装するためのパターン(transitionやanimation)の説明、実装例などを記述しておきます。一時期まではアニメーションと言えばjQueryというほど、jQueryのanimate()を利用してアニメーションするのが流行りましたが、CSSでアニメーションする方が多くなってきている印象です。しかし今でも、「アニメーションを開始させる役割」としてjavascriptを利用する場合は多いです。必ずjQueryである必要はありませんが、この記事ではjavascriptを利用する箇所では慣れているjQueryを採用しています。
CSS3( + jquery )でアニメーション
- 作成日
- 2018/04/13
- 更新日
- 2018年4月13日