立体感あるテキストを実装できる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
});

というわけで、手軽にテキストに3D効果を加えたい時に活用してみたいですね。

CSS3 3D Text Plugin for jQuery