css - 濾鏡特效

本文引用自此
本文引用自此

濾鏡特效..用太多會lag喔!!
這篇算是寫給一些..
喜歡黑色系..又愛搞怪的人吧=口=?
這個放在任何一處的{}內都可以喔
(曾經看過人家把他寫在GP那個底圖@@")




/*--負片效果(顏色對換)--*/
Filter:Invert;





/*--ｘ光效果--*/
Filter:Xray;





/*--黑白--*/
filter:gray;





/*--糢糊--*/
filter:Blur(Direction=45,Strength=5);

Strength:數字越大~拉越長
Direction = 89↓ 右上→左下模糊

Direction = 90 往右平的模糊

Direction = 90↑ 左上→右下模糊





/*--半透明0--*/
filter:Alpha(opacity=100,finishOpacity=0,style=0);
跟↓是一樣的
filter:alpha(opacity=70);


/*--半透明1--*/左(opacity)→右(finishOpacity)
filter:Alpha(opacity=100,finishOpacity=0,style=1);
opacity -->設定開頭的位置透明度
finishOpacity -->設定後面的位置透明度


/*--半透明2--*/內(opacity)→外(finishOpacity)
filter:Alpha(opacity=100,finishOpacity=0,style=2);
opacity -->設定開頭的位置透明度
finishOpacity -->設定後面的位置透明度


/*--半透明3--*/內(opacity)→外(finishOpacity),好像是一個X型(?)
filter:Alpha(opacity=100,finishOpacity=0,style=3);
opacity -->設定開頭的位置透明度
finishOpacity -->設定後面的位置透明度





/*--左右對換--*/(這個連結的位置也會換喔!!)
filter:FlipH;





/*--上下對換--*/
filter:FlipV;
這個上下對換後,一整個怪..
不過..捲軸還是往下拉的!!超神奇..
(那個廣告看板沒有換到@@)





/*--波浪--*/---這個我就沒測試了..應該沒人會用這個吧@@
filter: Wave(freq=7,strength=12,lightstrength=5,phase=0);

freq 頻率
phase 起始相位
strength 振幅強度
lightstrength 波峰強度}




夏日薔薇(janeyang) - CSS自定板面-板面特效
【css教學】連結下壓色塊+好玩的頁面特效+隱藏你的帳號