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

    JavaScript

    任意のテキストの場所に光を当ててくれるjQueryプラグイン「ALighter」

    ちょっとしたアクセントに使えそうですね。任意のテキストの場所に光を当て…

  2. multi.js

    JavaScript

    検索機能がついたセレクトボックスを実装できる「multi.js」

    multi.jsは検索機能がついた使いやすいユーザーフレンドリーなセレ…

  3. no-image

    JavaScript

    スマホなどに最適なテーブルを実装できる「Mobile-Friendly Table」

    Mobile-Friendly Tableはスマホなどのモバイルに最適…

  4. Animated menu concept

    JavaScript

    かっこいいアニメーション付きメニュー実装「Animated menu concept」

    Animated menu conceptはかっこいいアニメーション付…

  5. Combodate

    JavaScript

    日付や時間をドロップダウン式にしてくれる「Combodate」

    Combodateは日付や時間の入力をドロップダウン式に置き換えてくれ…

  6. HoldOn.js

    JavaScript

    ユーザーの待機中に表示させるアニメーション実装「HoldOn.js」

    HoldOn.jsはユーザーが待機している間に表示させるアニメーション…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP