靜態(tài)濾鏡:
CSS靜態(tài)濾鏡樣式的使用方法:{ filter : filtername( parameters1, parameters2, ...) }
Filter樣式 簡要說明 支持參數(shù)
alpha 設(shè)置圖片或文字的不透明度 opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、strength
blur 在指定的方向和位置上產(chǎn)生動感模糊效果 add、direction、strength
chroma 對所選擇的顏色進行透明處理 color
dropShadow 在指定的方向和位置上產(chǎn)生陰影 color、offX、offY、positive
flipH 沿水平方向翻轉(zhuǎn)對象
flipV 沿垂直方向翻轉(zhuǎn)對象
glow 在對象周圍上發(fā)光 color、strength
gray 將對象以灰度處理
invert 逆轉(zhuǎn)對象顏色
light 對對象進行模擬光照
mask 對對象生成掩膜 color
shadow 沿對象邊緣產(chǎn)生陰影 color、direction
wave 在垂直方向產(chǎn)生正弦波形 add、freq、lightStrength、phase、strength
xray 改變對象顏色深度,并繪制黑白圖象
在IE下模擬css3的box-shadow
基本語法:filter: progid:DXImageTransform.Microsoft.Shadow(color=’顏色值’, Direction=陰影角度(數(shù)值), Strength=陰影半徑(數(shù)值));
需要配合background屬性一起使用
代碼如下
.box-shadow{
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
background-color: #eee;
-moz-box-shadow:2px 2px 5px #969696;/*firefox*/
-webkit-box-shadow:2px 2px 5px #969696;/*webkit*/
box-shadow:2px 2px 5px #969696;/*opera或ie9*/
}