SVG Loaders

Web Information

SVGだけを使った可愛いローディングアイコン集・SVG Loaders

SVG LoadersはCSSやJavaScriptを必要とせずSVGだけを使ったローディングアイコン集です。どれも可愛らしいデザインが特徴的で、コンパクトなアニメーションが非常にいい感じです。種類もいろいろあるので今後のためにも覚えておきたいところです。

[ads_center]

SVG Loadersの使い方

SVG Loaders

SVG Loaders

SVG Loadersを使う場合は、以下のようにimgタグを使って表示させます。

<img src="svg-loaders/puff.svg" />

使い方がとっても簡単なところがいいですね。アイコンカラーを変更したい時はfillの値を好きな色に設定すればOKです。

<svg fill="#fff" ・・・中略・・・>

CSSやJSがいらないのでシンプルにローディングアニメーションを記述することができますね。

自分のサイトデザインに合ったカラーを指定することができるので、かなり使い勝手がよさそうです。

ローディングアニメーションをどのように表示させるか迷っている方は、この機会にSVG Loadersを使われてみてはいかがでしょうか?

jQueryプラグインjQueryプラグイン・2014年下半期70選まとめ前のページ

iPhoneアプリのMindNodeで作成したファイルをDropboxに保存するやり方次のページMindNodeのファイルをDropboxに保存

最近の記事

  1. ダークチョコレート
  2. 朝のコーヒー
  3. ザンビア
  4. かほり梨
  5. 根菜チキン サラダラップ
PAGE TOP