SVG 3D Tag Cloud jQuery Plugin

JavaScript

立体的でカッコいいアニメーションのタグクラウド実装「SVG 3D Tag Cloud jQuery Plugin」

SVG 3D Tag Cloud jQuery Pluginは立体的なアニメーションを備えたタグクラウドを実装することができるjQueryプラグインです。滑らかに回転するアニメーションがとてもカッコいいので、これからタグクラウドを取り入れたいという方には有力な選択肢の一つになりそうですね。

SVG 3D Tag Cloud jQuery Plugin

SVG 3D Tag Cloud jQuery Plugin

わりと高速に回転するタグクラウドですが、マウスをタグクラウドの中心付近へ持っていくと回転が遅くなります。

各タグにホバーすると回転が止まります。ホバーしたタグのカラーは白のままで、それ以外のタグはグレーになるので、どのタグを選択しているかを瞬時に把握できます。

また、オプションでいろんな設定を調整することも可能です。

width、height、radius、bgColor、speed、fontSize、fontColorなどなど、ほかにもいろんなオプションが用意されています。

使い方もシンプルですし、オプションを用いてカスタマイズして使うこともできるのがいいですね。

というわけで、カッコいいアニメーションつきのタグクラウドを実装したい方は、ぜひSVG 3D Tag Cloud jQuery Pluginをチェックしてみてはいかがでしょうか。

Photoshopで色域指定した部分を何度も調節できるようにするやり方前のページ

コンパクトで使いやすいヤザワの極小ハンディタップ3個口(0.5m)次のページヤザワの極小ハンディタップ3個口(0.5m)

関連記事

  1. Hamburger Icon Menu
  2. JavaScript

    レスポンシブに対応している軽量のjQueryスライダー「Unslider」

    とても軽量でレスポンシブにも対応しているjQueryスライダー「Uns…

  3. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  4. Sidr

    JavaScript

    横からサイドメニューが現れるjQueryプラグイン「Sidr」

    面白いjQueryプラグインがあったのでメモがてらご紹介します。Sid…

  5. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  6. sticky-items

    JavaScript

    HTML要素をページ上部に固定させれるjQueryプラグイン「sticky-items」

    sticky-itemsは指定したHTML要素をWebページの上部に付…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP