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

• 概要の説明

概要の説明

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

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

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

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

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

-広告-

Anker PowerExpand Direct 7-in-2 USB-C PD メディア ハブ 4K対応 HDMIポート 100W出力 Power Delivery 対応 Thunderbolt 3 USB-Cポート USB-A ポート microSD & SDカード スロット搭載 価格：5999円（税込、送料無料) (2020/10/2時点) 楽天で購入

PD 充電器 RAVPower Type C 急速充電器 90W【GaN (窒化ガリウム)採用/2ポート/折畳式/PD対応/PSE認証済】iPhone 11/11 Pro/11 Pro Ma 価格：7329円（税込、送料無料) (2020/10/2時点) 楽天で購入