テキストシャドウを重ねて奥行きを出す

1層の影は平坦です。2〜3層重ねると光彩・輪郭・レトロな奥行きになります。最大4層をライブプレビュー付きで組み立てます。

このガイドで使う道具

CSSのtext-shadowはカンマ区切りで複数の影を重ね、奥から順に描きます。細かいオフセットの重複は輪郭に、大きいぼかしは光彩に、同色の段差はレトロな3Dになります。

各レイヤーはx・yオフセット・ぼかし半径・16進色を取り、4層まで追加できます。プリセット（フラット・ソフト・輪郭・レトロ）から始めて調整も可能です。プレビューはコピー前に値を描きます。

輪郭効果は4つの対角に同色4層を置きます。1px 1px・−1px 1px・1px −1px・−1px −1px、ぼかし0。光彩は0 0・ぼかし20pxの明るい色の1層です。

オフセット±200px・ぼかし0〜100px・色は#rrggbbのみ（ビルダーは透明度付きhexを扱いません）。プレビューは単純なテキスト見本で、実際の見え方はフォントサイズと背景のコントラスト次第です。