Page Top ▲

Direct X Filter:DropShadow

要素にドロップシャドーのフィルターをつけて表示します。
offXで横の位置、offYで縦の位置、Positiveのfalseか0で透明部分に、trueか1で不透明部分にドロップシャドーをつけて表示させます。
FILTER DROPSHADOWと同じ効果です。

●関連プロパティ

FILTER-BASICIMAGE | FILTER-CHROMA | FILTER-CRBLUR | FILTER-EMBOSS | FILTER-ENGRAVE | FILTER-PIXELATE | GRADIENT

{ filter: progid: DXImageTransform.Microsoft.DropShadow (color=coloroffX=position-x, offY=position-y, Positive=true I false) }

<div style="filter:progid:DXImageTransform.Microsoft.DropShadow(color=#999999,offX=6,offY=6,Positive=true);">

<div style="filter:progid:DXImageTransform.Microsoft.DropShadow(color=#CCCCCC,offX=20,offY=14,Positive=true);">

Drop Shadow Filter

<div style="filter:progid:DXImageTransform.Microsoft.DropShadow(color=#334DCC,offX=8,offY=8,Positive=false);">

Drop Shadow Filter