CSSアニメーションだけで、こんなこともできてしまうというコードサンプルをご紹介します。 掲載されているのは、CodePenというコードプレイグラウンドサイトです。 ご紹介しているサンプルコードはすべて、無料で利用可能なものばかりです。 いずれのサンプルも「CSSでこんなことができるの!」といったものばかりですので、見ているだけで楽しいし、勉強にもなりますね。 ただ、CSSアニメーションはブラウザ状況によってサポート状況が異なるので、使用する場合には注意が必要ですが、魅力的であることには間違いありません。 サイト制作のご参考になれば幸いです。 Sailboat Animation 船とカエルがコミカルに海上を進むアニメーションです。 Sailboat Animation Weather Icons 天気状況をアニメーションで展開。 Weather Icons Less Loaders 多彩
![CSSアニメーションでここまでできる!無料のCSSアニメーションコードサンプル23 | co-jin](https://cdn-ak-scissors.b.st-hatena.com/image/square/8454c1803cbbce3c9961bd0fa51a637d9150756e/height=288;version=1;width=512/https%3A%2F%2Fco-jin.net%2Fwp-content%2Fuploads%2F2015%2F01%2F11-cloudy-spiral-css3-open-source.jpg)