Inspiration for Letter Effects

JavaScript

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

anime.jsを活用した、印象的でとってもかっこいいテキストエフェクトを実装する「Inspiration for Letter Effects」をご紹介します。素敵なアニメーションによるタイポグラフィは、見出しなどいろんなところで使いたくなってきますね。

Inspiration for Letter Effects

デモ

デモページには全部で18個のサンプルが用意されています。各サンプル内に設置された「PREVIOUS」と「NEXT」から文字を切り替えることが可能です。

クールでスタイリッシュなアニメーションから優雅でなめらかに動作するアニメーションまで、たくさんのパターンが用意されています。

オシャレなタイポグラフィと印象的な写真やインパクトある背景カラーとの組み合わせもバッチリですね。どういったシーンでどういう背景との組み合わせで使うか、考えるだけでも楽しくなってくるのではないでしょうか?

印象的なタイポグラフィのアニメーションを実装したい人は、ぜひ「Inspiration for Letter Effects」をチェックしてみてください。

Inspiration for Letter Effects

関連記事

  1. Stepper.js

    JavaScript

    数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」

    Stepper.jsは数値入力ボックスでの数値を手軽にアップ・ダウンで…

  2. no-image

    JavaScript

    1日のイベントスケジュールを作成できる「Jquery Layoutday plugin」

    Jquery Layoutday pluginは、1日のイベントスケジ…

  3. FSVS(Full Screen Vertical Scroller)
  4. no-image

    JavaScript

    カスタマイズもできるダイナミックなコンタクトフォーム「Swyft Callback」

    Swyft Callbackはカスタマイズもできるダイナミックで美しい…

  5. jquery-steps

    JavaScript

    ステップ式のウィザードを実装できるjQueryプラグイン「jquery-steps」

    jquery-stepsは、ステップ式のウィザードを実装することができ…

  6. no-image

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP