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
圓角柔邊

最後更新日期: 11/27/2003 8:59:36 AM