小編給大家分享一下怎么用css3實(shí)現(xiàn)圖片的高斯模糊效果，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到遵義網(wǎng)站設(shè)計(jì)與遵義網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋遵義地區(qū)。

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

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

    注意:舊版InternetExplorer瀏覽器(4.0to8.0)支持的非標(biāo)準(zhǔn)"filter"屬性已被廢棄。IE8及更低版本瀏覽器通常使用cssopacity屬性。

    下面看看filter這個(gè)屬性，現(xiàn)在規(guī)范中支持的效果：

    grayscale（灰度）：值為0-1之間的小數(shù)

    sepia（褐色）：值為0-1之間的小數(shù)

    saturate（飽和度）：值為num

    hue-rotate（色相旋轉(zhuǎn)）：值為angle

    invert（反色）：值為0-1之間的小數(shù)

    opacity（透明度）：值為0-1之間的小數(shù)

    brightness（亮度）：值為0-1之間的小數(shù)

    contrast（對(duì)比度）：值為num

    blur（模糊）：值為length（radius）

    drop-shadow（陰影）

    實(shí)現(xiàn)模糊效果的filter語(yǔ)法：

    filter:blur();

    blur()給圖像設(shè)置高斯模糊。"length（radius）"一值設(shè)定高斯函數(shù)的標(biāo)準(zhǔn)差，或者是屏幕上以多少像素融在一起，所以值越大越模糊；如果沒(méi)有設(shè)定值，則默認(rèn)是0；這個(gè)參數(shù)可設(shè)置css長(zhǎng)度值，但不接受百分比值。



以上是“怎么用css3實(shí)現(xiàn)圖片的高斯模糊效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！