はじめに アニメーションを取り入れることで躍動感のあるサイトになります。 ただし、古いブラウザでは対応していないので下記のリンク先を参考にして利用するようにしてください! 参考: http://caniuse.com/#search=transform http://caniuse.com/#search=transition http://caniuse.com/#search=animation 書いてみる 使うプロパティはこの3つ。 transition(要素の時間的変化) animation(アニメーションをまとめて指定する) transform(要素の変形) それではひとつひとつ見ていきましょう。 transition – 要素の時間的変化 – html [sourcecode lang="html"] <div class="demo"> <
![簡単な記述で手軽に使えるCSSアニメーション | SONICMOOV LAB](https://cdn-ak-scissors.b.st-hatena.com/image/square/8baa7db0f0be27e4b537d0eb681edee43f4f79ce/height=288;version=1;width=512/https%3A%2F%2Flab.sonicmoov.com%2Fwp-content%2Fuploads%2F2016%2F05%2Fthumb.png)