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