更新日: 2017年3月1日公開日: 2015年10月9日もはや芸術!SVGアニメーションの巧みな活用方法20選 なんだか最近ハイセンスなwebサイトで見かけることが増えてきた「SVGアニメーション」。動画やGIF、CSSでは表現できないような“動き”を軽やかに演出しています。そこで今回はSVGアニメーションを使っているサイトや参考になるソースをピックアップしてご紹介していきたいと思います。 イベント要素をプラスした「BoonconPIXELS」 BoonconPIXELS グラフィック・デザイナー集団の booncon PIXELS。ページトップのアニメーションがキュートですが、さすがと思わされるところに、SVG アニメーションの中にイベント要素を盛り込んでいます。左上の文字と左方の PC 画面らしき画像をクリック or タップすると文字やカラーが変わります。なかなか遊び心があって、参考
![もはや芸術!SVGアニメーションの巧みな活用方法20選](https://cdn-ak-scissors.b.st-hatena.com/image/square/928267a22277e4403261bfbf8724bc759878e242/height=288;version=1;width=512/https%3A%2F%2Fmash-jp.s3-ap-northeast-1.amazonaws.com%2Fproduction%2Fposts%2F33401%2Fde894a9cd69bfa091235fa273b34305e90fdcd3f.33419.desktop.png)