Random Text Shuffle

JavaScript

シャッフルしながらテキストが表示される「Random Text Shuffle」

Random Text Shuffleは文字をシャッフルしながらテキストを表示させていくことができるスクリプトです。テキストをただ表示させるのではなく、インパクトあるエフェクトで表示させたい時によさそうですね。

Random Text Shuffle

Random Text Shuffle

デモではシャッフルされたカラフルな文字から、徐々に文章が表示されていきます。わりと派手めな演出ですが、特定の文章を印象強くユーザーに見せたい場合にはとても有効になるのではないでしょうか?

また、Random Text Shuffleにはオプションもいくつか用意されており、fps、timeOffset、textColor、fontSize、useCanvas、mixCapital、mixSpecialCharacters、needUpdate、colorsといったセッティングが可能です。

好きなカラーやフォントサイズなど、カスタマイズしたい人にもうれしい仕様といえそうです。

というわけで、文字をカラフルにシャッフルさせながらテキストを表示させたい方は、ぜひRandom Text Shuffleをチェックしてみてはいかがでしょうか?

関連記事

  1. Flurry

    JavaScript

    Webページに雪を美しく降らせる冬にピッタリのjQueryプラグイン「Flurry」

    FlurryはWebページに雪を美しく降らせてくれるアニメーションを実…

  2. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

  3. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

  4. FitText

    JavaScript

    テキストサイズをブラウザ幅の大きさに自動で合わせてくれるjQueryプラグイン「FitText」

    可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ…

  5. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

  6. lory

    JavaScript

    タッチ対応でカルーセルにもできるミニマルなJS(jQuery)スライダー「lory」

    loryはタッチに対応したミニマルなデザインが特徴的なスライダーを実装…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP