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