濾鏡主要是用來實現(xiàn)圖像的各種特殊效果；它在Photoshop中具有非常神奇的作用。而在CSS3中，對各種濾鏡效果已經(jīng)有了支持，可以做出很多效果。

css濾鏡的標識符是“filter”，總體的應(yīng)用上和其他的css語句相同。css濾鏡可分為基本濾鏡和高級濾鏡兩種。css濾鏡可以直接作用于對象上，并且立即生效的濾鏡稱為基本濾鏡；而要配合JavaScript等腳本語言，能產(chǎn)生更多變幻效果的則稱為高級濾鏡。

CSS濾鏡(filter)提供了圖形特效，像模糊，銳化或元素變色；通常被用于調(diào)整圖片，背景和邊界的渲染。

簡而言之，就是在CSS中提供了一些已經(jīng)預(yù)定義的屬性或函數(shù)，實現(xiàn)圖像的模糊、變色等效果。

瀏覽器支持

表格中的數(shù)字表示支持該方法的第一個瀏覽器的版本號。

緊跟在數(shù)字后面的 -webkit- 為指定瀏覽器的前綴。

注意: 舊版 Internet Explorer 瀏覽器(4.0 to 8.0) 支持的非標準 “filter” 屬性已被廢棄。 IE8 及更低版本瀏覽器通常使用 opacity 屬性。

CSS濾鏡支持的方法(function)blur 模糊

grayscale 灰度

sepia 褐色

saturate 飽和度

hue-rotate 色相旋轉(zhuǎn)

invert 反色

opacity 透明度

brightness 亮度

contrast 對比度

drop-shadow 陰影

為了實現(xiàn)兼容性，當(dāng)然少不了前綴-webkit--webkit-filter : function (param)；

隨著樣式表技術(shù)的不斷成熟，其濾鏡功能和種類也在不斷增多。如果用戶能夠熟練地混合使用它們，將可以產(chǎn)生意想不到的效果。在操作上，用戶只需要了解具體濾鏡的實際效果后，就能根據(jù)實際進行微調(diào)了。

總結(jié)

以上是生活随笔為你收集整理的html filter 作用,css滤镜有什么作用？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。