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で記述したり、オプションを指定したりといったこともできるので、詳しくは公式サイトで確認できます。

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

BookBlock Revisedページめくりのエフェクトを実装できるjQueryプラグイン「BookBlock Revised」前のページ

Nexus7(2013)購入レビュー次のページNexus7レビュー

関連記事

  1. Notyf

    JavaScript

    シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」

    Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させる…

  2. Progressively

    JavaScript

    画像を徐々に読み込んでくれるJSライブラリ「Progressively」

    Progressivelyは画像を徐々に読み込ませることができるJSラ…

  3. no-image

    JavaScript

    固定されたフローティングメニューを実装できる「jquery-dice-menu」

    jquery-dice-menuは、固定されたシンプルなフローティング…

  4. jQuery-TimelineMe

    JavaScript

    シンプルなタイムラインを簡単につくれる「jQuery-TimelineMe」

    jQuery-TimelineMeは、タイムラインを簡単に構築すること…

  5. ajSlider

    JavaScript

    シンプルでさりげないアニメーションが素敵なスライドショー実装「ajSlider」

    ajSliderはシンプルなスライドショーを実装することができるjQu…

  6. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

コメント

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

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

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP