CSS

CSSアニメーションを作ってみよう

CSSを使ってアニメーションの概要について

  • 概要の説明

概要の説明

・今回からCSSを使ってアニメーションを動かす方法について学んで行きます。。

・CSSアニメーションを使えばぐるぐる回るアイコンや右下からでてくるポップアップのようなものを簡単に作ることが出来ます。

・アニメーションは基本的に変化前と変化後作ってその間を補完するような形で作ることが多いです。

・例えば簡単に作ることができるアニメーションとして四角い要素を丸く変化させるといったもので四角い要素をまず作り、同様に丸い要素も作ってそれを1秒間で変化させるよう補完するというものがあります。

・次回そういったアニメーションを実際に作っていきましょう。

-広告-

 

 






-CSS