CSSでフォントに影（text-shadow）

1. 自然なドロップシャドウ

.shadow {
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

2. 強めの影（タイトル向け）

.strong-shadow {
text-shadow: 3px 3px 6px rgba(0,0,0,0.6);
}

3. ネオン風（外側に光る）

.neon {
color: #0ff;
text-shadow:
0 0 5px #0ff,
0 0 10px #0ff,
0 0 20px #0ff;
}

4. 立体文字（影を複数重ねる）

.emboss {
text-shadow:
1px 1px 0 #ccc,
2px 2px 0 #aaa,
3px 3px 0 #888;
}

5. 白文字を読みやすくするアウトライン風

.outline {
color: white;
text-shadow:
-1px -1px 2px black,
1px -1px 2px black,
-1px 1px 2px black,
1px 1px 2px black;
}