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をチェックしてみてはいかがでしょうか。

関連記事

  1. countdownCube

    JavaScript

    3Dキューブのように回転するカウントダウンタイマーを実装できる「countdownCube」

    countdownCubeは3Dキューブのようにクルッと回転するカウン…

  2. Accordion.JS

    JavaScript

    クイックな開閉で使いやすいアコーディオン実装「Accordion.JS」

    Accordion.JSは、開閉の動作がクイックで使いやすいアコーディ…

  3. jQuery Parallax

    JavaScript

    美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

    jQuery Parallaxは美しいパララックススクロールエフェクト…

  4. swingdrag

    JavaScript

    jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

    swingdragは、jQuery UIのドラッグ機能にスイング効果を…

  5. slideSpeed

    JavaScript

    スライドアップ・ダウンを設定された速度で制御できる「slideSpeed」

    slideSpeedは、特定の要素のスライドアップ・スライドダウンを設…

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP