Filter:DropShadow
要素にドロップシャドー（影）をつけて表示させます。
OFFXで、ドロップシャドーの横開始位置。OFFYでドロップシャドーの縦開始位置を指定。COLORで、ドロップシャドーの色を指定します。POSITIVEは、透明部分は「0」か「FALSE」、不透明部分は「1」か「TRUE」です。
●関連プロパティ
FILTER-ALPHA | FILTER-BLUR | FILTER-CHROMA | FILTER-FLIP | FILTER-GRAY | FILTER-GROW | FILTER-INVERT | FILTER-MASK | FILTER-SHADOW | FILTER-WAVE | FILTER-XRAY | BLEND TRANS | REVEAL TRANS
{ filter: dropshadow ( offx=position-x, offy=position-y, color=shadow color, positive=0 | 1 ) }
透明部分をドロップシャドーに
要素に透明部分をドロップシャドーにします。
POSITIVEを「0」か「FALSE」で透明部分にドロップシャドーをつけます。
{ filter: dropshadow ( offx=position-x, offy=position-y, color=shadow color, positive=0 ) }
<div style="filter: dropshadow(offx=4, offy=4, color=#ffcc00, positive=0);"><p style="color: rgb(77,102,204);">Filter Drop Shadow</p></div>
Filter Drop Shadow
不透明部分をドロップシャドーに
要素の不透明部分をドロップシャドーにします。
POSITIVEを「1」か「TRUE」で、不透明部分にドロップシャドーをつけます。
{ filter: dropshadow ( offx=position-x, offy=position-y, color=shadow color, positive=1 ) }
<div style="filter: dropshadow(offx=4, offy=4, color=#ffcc00, positive=1);"><p style="color: rgb(77,102,204);">Filter Drop Shadow</p></div>
Filter Drop Shadow
 |
 |
|---|
