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

Hemingwayレスポンシブ対応の2カラムWordPressテーマ「Hemingway」前のページ

25のクリエイティブなWebデザインのタイポグラフィ次のページ

関連記事

  1. Bricks.js

    JavaScript

    超高速なMasonryレイアウトを実装できる「Bricks.js」

    Bricks.jsは、固定した幅で配置する画像などの要素をすばやく配置…

  2. no-image
  3. MediumLightbox

    JavaScript

    Mediumライクな画像ズームを実装できる「MediumLightbox」

    シンプルでエレガントな画像ズーム機能をwebサイトに実装できる「Med…

  4. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  5. textwriteout

    JavaScript

    テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」

    textwriteoutは指定したテキストを書き出したり削減したりでき…

  6. Pushbar.js

    JavaScript

    スライドでコンテンツを引き出せる「Pushbar.js」

    Pushbar.jsはスライドでコンテンツやナビゲーションメニューを引…

最近の記事

  1. 濃いアーモンドミルク
  2. COMOLI ベタシャンプルオーバーシャツ
  3. ユニクロ エアリズム マイクロメッシュVネックT(半袖)
  4. ライオン システマ 超コンパクト ふつう
  5. タリーズ ハムチーズ&サラダサンド

アーカイブ

PAGE TOP