css， CSS中如何使用filter屬性？不知道小伙伴們今天來看看邊肖的分享吧！
如何使用CSS過濾器：
Filter:filtername (parameter), that is, filter: filter name (parameter)
即，模糊效果色度：制作特殊顏色的透明陰影：創(chuàng)建對象的固定陰影FlipH:創(chuàng)建水平鏡像FlipV:創(chuàng)建垂直鏡像光暈：為附近對象的邊緣增加亮度灰色：使圖像反轉(zhuǎn)灰色：反色光：在對象遮罩上創(chuàng)建光源：在對象陰影上創(chuàng)建透明遮罩：創(chuàng)建偏移固定陰影波：波紋效果X射線：使對象看起來像被X射線照射過一樣。
具體應(yīng)用有兩種方法：
1.首先定義CSS，然后在頁面中需要的對象上使用預(yù)定義的CSS。其實這些濾鏡的語法已經(jīng)在CSS設(shè)置對話框中預(yù)先設(shè)置好了，我們只需要填入合適的具體參數(shù)就可以了。
2.直接在支持CSS濾鏡效果的HTML控件元素上寫CSS濾鏡代碼。
Alpha濾鏡：聽到這個名字，你可能會覺得是在Flash里，好像在Photoshop里見過。確切的說，它們的作用基本相似，就是把一個目標元素和背景混合起來。您可以指定一個數(shù)值來控制混合程度。
這種“與背景的交融”，通俗地說就是一個元素的透明。語法：style=filter: alpha(不透明度=不透明度，精細度=精細度，
Style=style，StartX=startX，StartY=startY，F(xiàn)inishX=finishX，F(xiàn)inishY=finishY)說明：不透明度：起始值，
值為0 ~ 100，其中0為透明，100為原始圖像。完成產(chǎn)能：目標值。
Style: 1 or 2 or 3StartX: any value from: any value Example: filter: Alpha (opacity=0 ",completion ability=75", style=2 ")
But it's much more convenient to use a blur filter. Syntax: STYLE=filter:Blur (add=add, direction=direction, intensity=intensity) Description: add: generally 1,
然后加上顏色。語法：STYLE=filter:drop shadow(Color=Color，OffX=offX，OffY=offY，正數(shù)=正數(shù))說明：顏色：#rrggbb格式，
強度：強度(0-100)示例：濾鏡：發(fā)光(color=# 6699cc，strength=5”)灰色濾鏡：使用灰色濾鏡可以將一幅圖片變成灰色圖像語法：STYLE=filter:Gray示例：filter:GrayInvert濾鏡：顧名思義，
它的效果就像帶著有色眼鏡看一個物體一樣。語法：STYLE=filter:Mask(Color=color)示例：filter:Mask(Color=# ffffe 0 ")Shadow filter:Shadow屬性可用于創(chuàng)建對象在指定方向上的投影。
濾波器：看名字大概就能想到它的效果。如你所想，它的作用是將物體按照垂直波形樣式進行扭曲，從而產(chǎn)生一種特效語法：filter: Wave(Add=add，F(xiàn)req=freq，
Light intensity=intensity, phase=phase, intensity=intensity)
Example: filter: wave (addition=0 ",phase=4", frequency=5 ",light intensity=5", intensity=2 ") X-ray filter: only show the outline of the object Syntax: STYLE=filter:x-ray Example: filter: X-ray.
css，以上就是本文為您收集整理的css最新內(nèi)容，希望能幫到您！更多相關(guān)內(nèi)容歡迎關(guān)注。
