Filter:Blur
要素をブレた効果で表示させます。
●関連プロパティ
FILTER-ALPHA | FILTER-CHROMA | FILTER-DROPSHADOW | FILTER-FLIP | FILTER-GRAY | FILTER-GROW | FILTER-INVERT | FILTER-MASK | FILTER-SHADOW | FILTER-WAVE | FILTER-XRAY | BLEND TRANS | REVEAL TRANS
{ filter: blur ( direction=blur color, strength=blur strength, add=0 | 1 ) }
元のイメージと合成する場合
ADD=0もしくはTRUEで元のイメージと合成して表示します。
{ filter: blur ( direction=blur color, strength=blur strength, add=0 ) }
<div style="filter: blur(direction=135, strength=4, add=0);"><img border="0" src="smaple.gif"></div>
<div style="filter: blur(direction=90, strength=6, add=0);"><p style="color: rgb(77,102,204);">Filter Blur</p></div>
Filter Blur
元のイメージと合成しない場合
ADD=1もしくはFALSEで元のイメージと合成しないで表示します。
{ filter: blur ( direction=blur color, strength=blur strength, add=1 ) }
<div style="filter: blur( direction=135, strength=6, add=1);"><img border="0" src="smaple.gif"></div>
<div style="filter: blur( direction=90, strength=12, add=1);"><p style="color: rgb(77,102,204);">Filter Blur</p></div>
Filter Blur
 |
 |
|---|
