150ものSVGアイコンをいろいろなアニメーションで表示するアイコン集 150 Animated SVG Icons

Tweet

238

150 Animated SVG Icons

See the Pen 150 Animated SVG Icons by Joseph Howard (@jhoward) on CodePen.

http://codepen.io/jhoward/pen/tqazd

150ものSVGアイコンをそれぞれアニメーションしたものです、2項目目のフラットアイコンがSVGらしさを特に出しており、パーツが滑りこんできてアイコンが出来上がるアニメーションはとても楽しいです

使い方

こちらのページがこのアイコンのものとページになります

http://www.pencilscoop.com/2013/12/150-free-animated-svg-icons/

こちらのあるダウンロードからファイルを一式をダウンロードします

このファイルの中には、demo.htmlというファイルがあります。

header内のCSSの読み込み、footer当たりのjavascriptの読み込みを参考にして。使いたい画像のところのコードをコピーして使うと、わかりやすいかと思います

Tweet

短縮URL:

2014年01月30日 WEB制作系 コード・プラグイン Pure CSSSVGアイコン