SVG(Scalable Vector Graphics スケーラ・ベクター・グラフィックス)というのはご存知でしょうか。
簡単に説明すると拡大、縮小しても画質が悪くならない画像データのことを言います。
このSVGを使って現在は「SVGアニメーション」というのを見かけるようになりました。
今回は「美しい」SVGアニメーションを使ったサイトをご紹介したいと思います。
1位：The 25th Hour
名前の通りアニメーションで25時間が表現されています。
朝から昼には朝焼けが描かれてたり昼から夕方や、夕方から夜、夜からまた朝とそれぞれのパートで様々な楽しみがあります。
ただ眺めているだけのサイトなのですが、癒されたい時などにはとても良いです。
また中央に存在する鹿の動きにも注目です。
2位：Super Duper Studio
このサイトを閲覧するとまず目に入るのが背景。
スライムのような形がスクロールすると変形したり、色が変わったりします。
またカテゴリーをクリックしようとするとエフェクトが現れたり面白い仕組みになっています。
3位：404 Creative Page
有料でエラーページ用に作られたSVGアニメーションが販売されています。
かなり手の込んだサイトになっており細かいところまで動いています。
これならページ参照エラーになったときにストレスたまらないこと間違いなし！
4位：insymbiosis
医薬品開発に関わる会社のサイトになっています。
背景にふわふわ浮いている細胞や金魚が存在します。
さらにグラデーションや色合いにはとても癒されます。
6位：WE CRAFT APPS
WEBアプリケーションおよびモバイルアプリケーション開発の専門機関のサイトになっています。
青色がベースとなっておりシンプルなデザインになっていて見やすいです。
7位：Type Terms
タイポグラフィの説明をしているサイトになります。
それぞれのページにSVGアニメーションが使われており、かつシンプルで見やすいサイトになっております。
10位：Grosse Lanterne
サマーフェスティバルのイベントサイトになります。
背景のイラストはほとんどSVGで作られており色合いも夏らしい色になっていてとても見ごたえあります。
いかがだったでしょうか。
ここに掲載されているサイトはすべて海外のサイトばかりですが、どれも見ごたえのあるサイトばかりでしたね。
思わず眺めてしまったり何度もクリックしてしまったりしてしまう方もいらっしゃったかと思います。
見る人を飽きさせないサイトは面白いですね。
最後までご覧頂きありがとうございました。
