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

150ものSVGアイコンをいろいろなアニメーションで表示するアイコン集 150 Animated SVG Icons
このエントリーをはてなブックマークに追加
PR

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の読み込みを参考にして。使いたい画像のところのコードをコピーして使うと、わかりやすいかと思います

 

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)