css3でアニメーションを使用するサイトが近頃増えてきました。背景としては、css3アニメーションのプロパティにほぼ対応しているスマホ端末の普及や、animationプロパティ未対応のIE9(IE6~IE8を含む)のシェアが低下してきていることが挙げられると思います。 つまり、css3アニメーションの対応ブラウザは「増加中」ということに他ならず、実装するサイトは更に増えていくのではないでしょうか。 今回は、そんなcss3アニメーションの実装時に参考できる22サイトを集めてみました! 1:丸型オブジェクトにピッタリのアニメーションギャラリー 丸型オブジェクトに対して、様々なホバーエフェクトを実装しています。 何気なくマウスオーバーした時にこんな動きがあれば、注意を引きつけられそうですね! http://tympanus.net/codrops/2013/05/30/simple-icon-h
![css3アニメーションのレパートリーがきっと増える!動きの参考になる22サイト | 株式会社WEB企画](https://cdn-ak-scissors.b.st-hatena.com/image/square/e2b2c24618f7c0ae74414190d44ea37e643727ba/height=288;version=1;width=512/https%3A%2F%2Fwebkikaku.co.jp%2Fhomepage%2Fwp-content%2Fuploads%2F2015%2F03%2Fcss3anime_title.png)