CODEPREP | HTMLとCSS3でつくるホバー時に動くア二メーションリンクのメモです。

---

アニメーションの遷移の仕方の設定

• transition: <time> 設定
• 開始と終了がゆっくりにするには、ease-in-out

widthを使った非表示

• width: 0;にすると。横幅を持たなくなり、非表示になる

アニメーションの開始位置

• 要素の配置されている位置に依存する

  • 絶対位置で0を指定すると、その位置からスタートする