3D Text

3D Text Use multiple text-shadows to create 3D text on any HTML element. No extra HTML, no extra headaches, just awesomesauce. Works in the latest builds of Safari, Chrome, Firefox, and Opera. h1 { text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px

[miruto824]

IE無視でよければ。サイトが結構かっこいい。上のタイトルはテキスト入力欄。

[kkeisuke]

css3 shadow

[yasu-log]

CSSだけで、3D風のテキストを演出する方法

[nitoyon]

CSS だけで 3D テキスト表示。

[hiro_y]

CSS3のtext-shadowだけで3D風に

[edo_m18]

これ面白いなー。Photoshopのこういったデザインテクニックがもしかしたらそのまま応用できるのかもしれない。

[hidehish]

見てる:

[gugod]

Use text-shadows to make perspective 3D text.

[gonta02]

3D Text

[inurota]

「すげー量のシャドウを使って立体に見せる」なんとなく20世紀の薫りのするメソッド。嫌いじゃないよ。

[kudakurage]

おもろい

[ysk_lucky-star]

ここまでやるかｗ

[hisasann]

おしゃれ！

[keita_i]

text-shadow