楽しいだけで十分です

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

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


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

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

widthを使った非表示

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

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

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

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

WRITTEN BY yinm

I'm a software engineer.