HOME  >>>  HTML整理ノート  >>> DHTML -- 基本編   応用編

Embossフィルター(浮き彫り、エンボス効果)

----→

Emboss
Emboss

 

 

 

 

 


Embossフィルターとは、画像の色要素を排除し(グレースケールにし)、元の画像の色が明確に違う境界に影を付けて立体的な浮き彫りを表現する効果。

以下の4通りの設定方法でも正常に表示できた(Windows98、IE5.5SP2で確認)

Sample Source......................................................................>>>

<body>
<img src="../../java/jadata/pho_003.gif" width="256" height="192">--→
<img src="../../java/jadata/pho_003.gif" width="256" height="192"
style="filter:progid:DXImageTransform.Microsoft.Emboss()">
<div style="position:absolute;width:180;top:250;left:50;
border:thin solid green;background-color:green;">
<span style="font:50">Emboss</span><br>
<img src="../../images/cut/025.gif">
</div>
<div style="position:absolute;width:180;top:250;left:300;
border:thin solid green;background-color:green;
filter:progid:DXImageTransform.Microsoft.Emboss">
<span style="font:50">Emboss</span><br>
<img src="../../images/cut/025.gif">
</div>

end(最終更新:12/11/9)