Text Effects

JavaScript

テキストがカシャカシャ切り替わって表示するjQueryプラグイン「Text Effects」

Text EffectsというjQueryプラグインを使えば、テキストがカシャカシャ切り替わりながら表示していきます。とてもかっこいいエフェクトですね。スピード感を出したいサイトを制作する時によさそうです。使い方もとっても簡単なので覚えておいて損はないかと思います。以下、使い方です。

[ads_center]

使い方

エフェクトを適用したい要素は以下のように指定します。

<p class="text-effect">
sample text sample text
</p>

Text Effectsを呼び出します。

$(".text-effect").textEffect()

特に難しい設定もないのでシンプルですね。他にもulで記述したり、オプションを指定したりといったこともできるので、詳しくは公式サイトで確認できます。

テキストに動きのあるエフェクトをつけて注目させたい時なんかに役立ちそうですね。

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  2. JavaScript

    テキストの一部分をサラっとアニメーションさせるjQueryプラグイン「dynamo.js」

    テキストで指定した一部分をサラっとアニメーションさせるjQueryプラ…

  3. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  4. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  5. sticky-items

    JavaScript

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

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

  6. TOAST UI Chart

    JavaScript

    多彩なチャートを描画できる「TOAST UI Chart」

    TOAST UI Chartは多彩なチャートをWebページに描画できる…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP