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. Product Builder

    JavaScript

    カスタマイズ性に優れたオンラインストアに役立つ「Product Builder」

    Product Builderは、カスタマイズ性に優れたオンラインスト…

  2. Tabslet

    JavaScript

    jQueryプラグインでタブ機能が実装できる「Tabslet」

    TabsletというjQueryプラグインを使えばWebサイトにタブ機…

  3. no-image

    JavaScript

    シンプルで軽量なスクロールアニメーション実装「animateMePlz」

    animateMePlzはシンプルで軽量なスクロールアニメーションを実…

  4. Presentation Slideshow
  5. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

  6. no-image

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP