no-image

JavaScript

ランダムに動くサークル状の美しいアニメーション実装「jQuery Flying Circles plugin」

jQuery Flying Circles pluginは、ランダムな動きやカラーによるサークル状のアニメーションを実装できるjQueryプラグインです。滑らかでバラバラに動くたくさんの円形のアニメーションがとても注目度を高めてくれそうですね。

jQuery Flying Circles plugin

jQuery Flying Circles plugin

デモではページを読み込むとたくさんの円形がバラバラにランダムに動くアニメーションを確認できます。サークルのサイズやカラーもいろんな種類があり、なんだか楽しそうな印象を感じさせてくれます。ポップな感じの雰囲気をサイト内に出したい場合なんかに活用できるのではないでしょうか?

使い方もかなりシンプルで手軽に実装できるはず。また、オプションには、selector、accurancy、color、size、speed、width、height、randomOpacity、randomSize、randomColorといった項目が用意されています。

ランダムなサイズ、カラー、動きで魅せる美しいサークル状のアニメーションを実装したい人は、ぜひ「jQuery Flying Circles plugin」を活用されてみてはいかがですか? jQuery Flying Circles pluginのライセンスはMITになります。

no-imageミニマルなイメージギャラリーを実装できる「Albery」前のページ

インタラクティブなツリー機能を実装できる「jstree」次のページno-image

関連記事

  1. Pagination.js

    JavaScript

    シンプルでさまざまなカスタマイズが可能な「Pagination.js」

    Pagination.jsはシンプルでさまざまなカスタマイズが可能なペ…

  2. EasyZoom

    JavaScript

    タッチ対応で画像拡大やパンもできるjQueryプラグイン「EasyZoom」

    EasyZoomはタッチにも対応したモバイルフレンドリーな、画像拡大や…

  3. Image Gallery Threejs
  4. footerMenu

    JavaScript

    スクロールでフッターメニューを表示させる「footerMenu」

    footerMenuはスクロールするとフッターメニューを表示させること…

  5. ARIA TOOLTIP

    JavaScript

    WAI ARIAを活用したユーザーフレンドリーなツールチップ実装「ARIA TOOLTIP」

    ARIA TOOLTIPはWAI ARIAを活用したユーザーフレンドリ…

  6. jQuery ui material design datepicker

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP