Subscribed unsubscribe Subscribe Subscribe

CHROMA

Web Designer の頭から飛び出たアイデアの記録

CSS アニメーションを勉強する

Dev

まずは。

学ぶ

動きをイメージする

デモを見たり簡単な方法でアニメーションを動かしながら、作りたいものをイメージする。

  • Animate.css
    • サイトを見るだけでも、アニメーションの名前と動きを覚えるのに役立つ
  • CSS3 Keyframes Animation Generator
    • ジェネレーターを使って、アニメーションを作りながら動きを確認できる
  • Learn CSS Animation
    • CSS アニメーションが使われてるサイトを見る(これが良いかどうかは知らん)

リファレンス