文字に影を付ける

書式

text-shadow: X方向のオフセット Y方向のオフセット ぼかし具合 色;
text-shadow: 色 X方向のオフセット Y方向のオフセット ぼかし具合;

説明

文字に影を付けるにはtext-shadowに影のオフセット(ずれ具合/移動量)、ぼかし具合、色を指定します。ぼかし具合は値が大きくなるほど影がぼやけます。色はCSS3で指定可能なカラー名や値などを使うことができます。
なお、古いブラウザで反映されない場合にはベンダープレフィックスを付けてみてください。

サンプル サンプルを実行 サンプルをダウンロード

h1 {
text-shadow : 10px 8px 2px red;
}
目次に戻る