CSS過濾器

過濾器    時間:2014-03-12 07:51:44
CSS過濾器簡介
CSS過濾器  CSS過濾器 最近整理了下所有CSS過濾器,拿出來分享下:  1.alpha屬性: alpha屬性用來設置透明度。 Filter: al……
CSS過濾器正文

CSS過濾器
CSS過濾器 最近整理了下所有CSS過濾器,拿出來分享下:
1.alpha屬性: alpha屬性用來設置透明度。 Filter: alpha (opacity=opacity,finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY) opacity表示透明度等級(0~100)finishopacity用來設置結束明的透明度 startX和startY表示漸變透明效果的開始坐標 finishX和finishY表示漸變透明效果的開始坐標
2.blur屬性 blur屬性用來設置模糊效果。 filter: blur(add=true、flase,direction,strength=strength) add指定圖片是否變成模糊效果 direction參數用來設置模糊的方向(0、45、90、135、180、225、270、315) strength代表有多少像素的寬度將受到模糊影響(默認是5)
3.chroma屬性 chroma屬性設置一個對象中指定的顏色為透明色。 filter: chroma(color=color)
4.dropshadow屬性 dropshadow屬性用來添加對象的陰影效果。 filter: dropShadow(Color=color,Offx=offx,Offy=offy,Positive=positive) Color表示投射陰影的顏色 Offx、Offy分別表示在X方向和Y方向陰影的偏移量(整數表示,正數X軸的右方向和Y軸的向上方向) Positive:true表示為任何非透明像素建立可見的投影,false表示為透明的像素部分建立可見的投影
5.flipH、flipV屬性 flipH表示水平翻轉,flipV表示垂直翻轉。 filter: flipH filter: flipV
6.glow屬性 glow屬性讓對象的邊緣產生類似發光的效果。 filter: glow(Color=color,Strength=strength) Color用來指定發光的顏色 Strength用來指定發光的強度(1~225)
7.gray屬性 gray屬性把一張圖變成灰度圖。 filter: gray
8.invert屬性 invert屬性可以把對象的可視化屬性全部翻轉,包括色彩、飽和度和亮度。 filter: invert
9.mask屬性 mask屬性為對象建立一個覆蓋於表面的蒙版效果。 filter: mask(Color=顏色)
10.shadow屬性 shadow屬性可以在指定的方向建立物體的投影。 filter: shadow(Color=color,Direction=direction) Color參數指定投影的顏色 Direction參數指定投影的方向
11.wave屬性 wave屬性用來設置波紋效果。 filter: wave(Add=True、False,Freq=頻率,LightStrength=增強光效,Phase=偏移量, Strength=強度) Add參數有兩個值:True表示使對象按照正弦波顯示,False表示不按照正弦波顯示 Freq參數指生成波紋的頻率,LightStrength參數用來使生成的波紋增強光的效果(0~100) Phase參數用來設置正弦波開始的偏移量(0~100,占波長的百分比)
12.xray屬性 xray就是X射紅的意思。 filter: xray   

[CSS過濾器],你可能也喜歡

  • 化工過濾設備
  • 水龍頭過濾器
  • 三點組合過濾器
  • 3m水龍頭過濾器
  • 日式水龍頭過濾器
  • 水龍頭除氯過濾器
  • css下底線
  • css連結底線
  • css link無底線
  • css底線語法
  • css底線設定
Bookmark the permalink ,來源:
One thought on “CSS過濾器