/css-animation

CSS Animation sample

Primary LanguageHTML

Practice of CSS Animation

CSSアニメーションの練習。

学び

  • CSSプロパティの変化をパッと切り替えるのではなく、時間をかけて徐々に行うことでアニメーションにする

全体的なTODO

  • [DONE] CSS Transitionで単純なアニメーションを試す
  • アニメーションで映えるプロパティを見つける
  • [DONE] transition-timing-functionの種類を把握する
  • [DONE] CSS Animationで凝った動きのアニメーションを試す
  • アニメーションのカタログ化

試してみたいアニメーションTODO

参考

{{ honkit.time }}