CSS3 3D Text Plugin for jQuery

JavaScript

立体感あるテキストを実装できるjQueryプラグイン「CSS3 3D Text Plugin for jQuery」

CSS3 3D Text Plugin for jQueryというjQueryプラグインを使えば、テキストに立体感を出すことができます。3D効果を演出したい時に役立つプラグインですね。オプションでいろいろとカスタマイズもできるのでよさそうですね。

[ads_center]

CSS3 3D Text Plugin for jQueryの使い方

デモ

使い方は特に難しい設定もなくとても簡単です。以下のように、カラーの指定やシャドウの角度なんかもオプションで設定することができます。

$("#custom").text3d({
    depth: 6,
    angle: 135,
    color: "#aaa",
    lighten: -0.1,
    shadowDepth: 30,
    shadowAngle: 45,
    shadowOpacity: 0.2
});

CSS3 3D Text Plugin for jQuery

関連記事

  1. Bootstrap Dropdown Hover
  2. Pongstagr.am

    JavaScript

    自分のインスタグラムの画像を表示できるjQueryプラグイン「Pongstagr.am」

    Pongstagr.amは自分のインスタグラムの画像をWebサイトに表…

  3. Fly to

    JavaScript

    カートに入れた際に飛んでいくエフェクトのjQueryプラグイン「Fly to」

    Fly toは商品をカートに入れた際にカートまで飛んでいくエフェクトを…

  4. Sticky Elements

    JavaScript

    エレメントがくっついてくるアニメーション「Sticky Elements」

    Sticky Elementsはエレメントにカーソルを乗せるとくっつい…

  5. reveal-it.js

    JavaScript

    左から右へテキストが美しくフェードイン表示する「reveal-it.js」

    reveal-it.jsはテキストが左から右へかけて徐々にフェードイン…

  6. Captall

    JavaScript

    画像やDOM要素の上にキャプションを表示することができるjQueryプラグイン「Captall」

    CaptallというjQueryプラグインを使えば、画像や設定したDO…

最近の記事

  1. NIB2600
  2. Anker PowerPort Atom PD 4
  3. USB-2H401BKN
  4. Dyson Pure Cool Me
  5. ルック セレクション

アーカイブ

PAGE TOP