「Snap.svg」を利用したアニメーションSVGアイコン「Animated SVG Icons」

Animated SVG Icons

Snap.svgを利用したアニメーションアイコン「Animated SVG Icons」が公開されています(紹介とダウンロードデモ)。

それぞれのアイコンをクリックすると、ちょっとしたアニメーションが表示されます(矢印の向き反転する。時計が回転する。旗がたなびくなど)。

Animated SVG Icons 1
アニメーションスピードを変えることもできます。

Hover

大きめのアイコン&マウスホバーの例。

画像だと分かりませんので、デモサイトで是非確認してみてください。

スポンサーリンク