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

2016.02.25

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