no-image

JavaScript

華やかなレターアニメーションを実装できる「Decorative Letter Animations」

Decorative Letter Animationsは、華やかなレターアニメーションを実装できるのが特徴です。Dribble shotの「Us By Night by Animography」をベースにしたアイディアとのこと。インパクトあるカッコいいアニメーションを表示させたい人は要チェックです。

Decorative Letter Animations

デモ

デモでは画面中央に華やかなアニメーションとともに大きなテキストが表示されます。その下には左右の矢印ボタンが設置されていて、ここをから前後のテキストへ切り替えることが可能です。

アニメーションにはいろんな種類があり、各テキストに応じてさまざまなアニメーションを楽しむことができます。どのアニメーションもダイナミックで印象強く、とてもお洒落ですね。

オプションには、shapesOnTop、totalShapes、shapeTypes、shapeColors、shapeFill、shapeStrokeWidthがあるほか、lettersAnimationOptsにはduration、delay、easing、opacity、scaleが、shapesAnimationOptsにはduration、delay、easing、translateX、translateY、scale、rotate、opacityといった項目のセッティングが可能になっています。

丸や三角や四角のアイコンが四方に舞い散るような華やかなアニメーションを実装したいという人は、ぜひ「Decorative Letter Animations」をチェックしてみてはいかがでしょうか?

Decorative Letter Animations

関連記事

  1. textfit.js

    JavaScript

    コンテナにテキストをフィットさせれるjQueryプラグイン「textfit.js」

    textfit.jsは、コンテナ内に表示するテキストをフィットさせるこ…

  2. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  3. jQuery Sidebar

    JavaScript

    上下左右からクイックなスライド表示させることができるjQuery Sidebar

    jQuery Sidebarは上下左右からスライド表示させることができ…

  4. jQuery RS Carousel

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できる「jQuery RS Carousel」

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイ…

  5. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  6. busy-load

    JavaScript

    シンプルでフレキシブルなローディングマスクプラグイン「busy-load」

    busy-loadはシンプルでフレキシブルなローディングマスクを実装す…

最近の記事

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

アーカイブ

PAGE TOP