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

    JavaScript

    スクロールに合わせていろんなアニメーションで表示できる「AOS」

    AOSはスクロールに合わせてフェードやフリップ、ズームなどのアニメーシ…

  2. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  3. FocusPoint

    JavaScript

    画像の指定した部分を中心にレスポンシブ化できるjQueryプラグイン「FocusPoint」

    FocusPointというjQueryプラグインを使えば、画像の指定し…

  4. Scroll To Top Then Fixed Navigation Effect With jQuery and CSS
  5. jQuery Text Fade Delay
  6. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

コメント

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

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

最近の記事

  1. macOS Mojaveのダークモード
  2. Olli
  3. 単語帳メーカー(Flashcard Maker App)
  4. 1Password 7

Facebookページ

PAGE TOP