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. JavaScript

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Shadow Plugin

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Sh…

  2. Inspiration for Letter Effects

    JavaScript

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

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

  3. jquery.autoscroll-text-tape
  4. jQuery Page

    JavaScript

    モバイルに最適なスライドやフリップを実装できる「jQuery Page」

    jQuery Pageは、スマホなどモバイルに最適なスライドやフリップ…

  5. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  6. Spring Loaders

    JavaScript

    ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」

    Spring Loadersはポリゴンでつくられたローディングアニメー…

コメント

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

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

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP