Animated SVG Icons: Using Snap.svg to animate SVG icons

Snap.svgを使ったSVGアイコンアニメーションのデモがいかしてます。
Snap.svgはAdobeが公開したSVGアニメーションライブラリですが、これを使って、フラットなんですが、小気味よくアニメーションするiOS7みたいな効果のデモです。
それぞれのアニメーションは地味なんですが、なんだか気持ちいい。
UIを触っていてウザくないけどなんか気持ちよく動く、的なiOS7風なUIづくりに活用できそう。

デモ


数年前にはもっともっとリッチにリアルになっていくのかと思っていたWEBですが、フラットで気持ちよくアニメーションするというのがトレンドになっていきそうです。

関連エントリ

• SVG関連の操作・アニメーション処理をシンプルにかける「SVG.JS」
• 美しいSVG背景パターンギャラリー「SVG Patterns Gallery」
• SVGグラフィックを手書き風アニメーションさせられる「Lazy Line Painter」
• canvas,svg,webglを使った２次元画像/アニメーションを描画できる「Two.js」