CSS濾鏡

• Filter屬性介紹
• Alpha濾鏡的使用
• Blur濾鏡的使用
• Filph、Filpv濾鏡
• DropShadow濾鏡
• Glow 濾鏡
• Gray ,Invert,Xray 濾鏡
• Shadow濾鏡

19.1 Filter屬性介紹

設置或檢索對象所應用的濾鏡或濾鏡集合。此屬性僅做用於有佈局的對象，如塊對象。內聯要素要使用該屬性，必須先設定對象的 height或 width屬性，或者設定 position屬性爲 absolute，或者設定 display屬性爲 block。請參閱對象的 hasLayout屬性。若要在 img對象上應用 shadow濾鏡，能夠在該對象 img對象的父容器上應用。濾鏡的機制是可擴展的。經過利用Microsoft® DirectX® Media SDK，你可使用C++開發和使用第三方濾鏡。該屬性在MAC平臺上不可用。對應的腳本特性爲 filter。

19.2 Alpha濾鏡的使用

屬性            值                說明
opacity           0-100            對象的亮度
style            1,2,3            濾鏡的樣式

例：Filter:alpha( opacity=100,style=3)

19.3 Blur濾鏡的使用    

屬性            值              說明
add           true/false        是否印象派
direction        0-360            角度
strength        數字            模糊度

19.4 Fliph、Flipv濾鏡

屬性            值              說明
  無    

19.5 DropShadow濾鏡

屬性            值              說明

color            顏色            陰影顏色
offx            數字            x座標偏移

offy            數字            y座標偏移
positive          true/false        是否創建透明

19.6 Glow 濾鏡

屬性             值             說明
color            顏色            發光顏色
 strength         數字            發光厚度

19.7 Gray ,Invert,Xray 濾鏡

屬性            值              說明
 無

 

19.8 Shadow 濾鏡

屬性            值             說明
color          顏色            陰影顏色

direction        0-360          陰影方向

strength        數字            陰影厚度