CSS圖片濾鏡

 

網頁製作常用的圖片特效

 CSS圖片濾鏡
<img border="0" src="路徑或檔名" style="filter:dropShadow(color=gray, offX=5, offY=5);">

※僅適用於格式為gif的點陣圖,並且背景需透明
陰影
<img border="0" src="路徑或檔名" style=" filter:flipH();">
左右翻轉
<img border="0" src="路徑或檔名" style=" filter:flipV();">
上下翻轉
<img border="0" src="路徑或檔名" style="filter: gray">

※可將gray改為你要的灰階色調
灰階
<img border="0" src="路徑或檔名" style="filter:invert">
反相
<img border="0" src="路徑或檔名" style="filter: Xray">
X光
<img border="0" src="路徑或檔名" style="filter:alpha(opacity=100, finishOpacity=0,style=3)">

※opacity=100為起始點透明度度,數字越高越透明,取值0~100
※finishOpacity=0為結束點透明度,數字越高越透明,取值0~100
矩形淡出
<img border="0" src="路徑或檔名" style="filter:alpha(opacity=100, finishOpacity=0,style=1)">

※opacity=100為起始點透明度度,數字越高越透明,取值0~100
※ finishOpacity=0為結束點透明度,數字越高越透明,取值0~100
線性淡出
<img border="0" src="路徑或檔名" style="filter:alpha(opacity=100, finishOpacity=0,style=2)">

※opacity=100為起始點透明度度,數字越高越透明,取值0~100
※ finishOpacity=0為結束點透明度,數字越高越透明,取值0~100
posted @ 2008-12-11 08:40  moonsnow  阅读(101)  评论(0编辑  收藏  举报