文字の背後に影。


「文字に影付け」では『重なる文字』と『重ねる文字』をそれぞれ設定する方法を紹介しましたが
文字にフィルターをかけて、後ろに影を出すこともできるので、今回はその方法を紹介します。

サンプルです。


影を付けたい文字の前に

<font style=filter:dropshadow(color=影の色,offx=文字の左右からの距離,offy=文字の上下からの距離,positive=true);height="フィルターをかける縦幅%";width="フィルターをかける横幅%">ここに文字</font>


上のサンプルでは、影の色→#0000ff、文字の左右からの距離→10、
文字の上下からの距離→5 フィルターをかける縦幅→80%、フィルターをかける横幅→100%
に設定してあります。

影の位置は、それぞれ調節しながら設定してください。