CSS　＞　 フィルタ（IE5.5〜 DirectX）　

filter:progid:DXImageTransform.Microsoft.Shadow();

連続してぼかされた影の効果を指定できます。


  • () の中には以下の属性をカンマ（,）で区切って指定する。
  • color=
    • 影の色を指定。
  • direction=
    • ブレる方向の角度を上から時計回りに45刻みで指定。
    • 0 （上）　/　45 （右上）　/　90 （右）　/　135 （右下）　/　180 （下）　/　225 （左下）　/　270 （左）　/　315 （左上）
  • enabled=
    • 0 （false　フィルタを実行しない）
    • 1 （true　フィルタを実行　デフォルト）

使用例

<P style="filter:progid:DXImageTransform.Microsoft.Shadow(
color=#6666FF,direction=135);
width:300px;height:40px;font-size:40px;font-family:Impact;">
S H A D O W</P>

<IMG src="sarii.gif" alt="影サンプル" width="120" height="120"
style="filter:progid:DXImageTransform.Microsoft.Shadow(
color=#669900,direction=225);">

S H A D O W

影サンプル


　　　⇒　

Top Page 　　Menu 　　Back