執筆中のため、情報が古い・足りない場合があります。ご容赦ください。

ドロップシャドウ

要素にドロップシャドウを付与することで、前後関係を明確にする効果が期待できます。使いすぎは禁物です。 .shadow-{level} クラス ( level は1から8の整数値)を付与することで、ドロップシャドウを適用できます。

レベル

ドロップシャドウは8段階のレベルで設定できます。

.shadow-1
.shadow-2
.shadow-3
.shadow-4
.shadow-5
.shadow-6
.shadow-7
.shadow-8

テキストシャドウ

テキストに影を付ける場合は、 .shadow-t クラスを用います。

あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。