CSSを使ったテキストのシャドウについて簡単に説明を記載しておきます。
CSSを使用してテキストにシャドウを設定するには、text-shadow を使用します。
最初に指定するパラメータは、xのずれの距離 yのずれの距離 ぼかしのサイズ となります。
text-shadow: 2px 2px 3px のようにします。
そのあとに、カラーを設定します。#AAAAAA のように１６進数で設定することも可能です。
<p style="font-size:24pt;text-shadow: 2px 2px 3px blue;">FloatGarden</p>
のように記述すると、
FloatGarden
となります。
rgba を利用するとアルファ（不透明度）を設定できます。
<p style="font-size:24pt;text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);">FloatGarden</p>
のように記述すると、
FloatGarden
となります。
複数のシャドウを使用するには、カンマで区切ります。
<p style="font-size:24pt;text-shadow: 1px 1px 1px rgba(255,255,255,1), 2px 2px 3px rgba(0, 0, 0, 0.5);">FloatGarden</p>
のように記述すると、
FloatGarden
となります。
|
