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

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

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

簡而言之，就是在CSS中提供了一些已經預定義的屬性或函數，實現圖像的模糊、變色等效果。

瀏覽器支持

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

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

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

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

grayscale 灰度

sepia 褐色

saturate 飽和度

hue-rotate 色相旋轉

invert 反色

opacity 透明度

brightness 亮度

contrast 對比度

drop-shadow 陰影

為了實現兼容性，當然少不了前綴-webkit--webkit-filter : function (param)；

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。