文字に複数の影を付ける

書式

text-shadow: X方向のオフセット Y方向のオフセット ぼかし具合 色, 左側と同じパラメータ,...;
text-shadow: 色 X方向のオフセット Y方向のオフセット ぼかし具合, 左側と同じパラメータ,...;

説明

文字に複数の影を付けるにはtext-shadowに影のオフセット(ずれ具合/移動量)、ぼかし具合、色を1セットとしてカンマで区切って指定します。表示したい影の数だけ指定します。
なお、古いブラウザで反映されない場合にはベンダープレフィックスを付けてみてください。

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

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