執筆中のため、情報が古い・足りない場合があります。ご容赦ください。
ドロップシャドウ
要素にドロップシャドウを付与することで、前後関係を明確にする効果が期待できます。使いすぎは禁物です。
.shadow-{level}
クラス ( level
は1から8の整数値)を付与することで、ドロップシャドウを適用できます。
レベル
ドロップシャドウは8段階のレベルで設定できます。
.shadow-1
.shadow-2
.shadow-3
.shadow-4
.shadow-5
.shadow-6
.shadow-7
.shadow-8
テキストシャドウ
テキストに影を付ける場合は、 .shadow-t
クラスを用います。
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。