CSS 濾鏡 blur(高斯模糊)是一種非常有用的樣式技術(shù),它可以在不使用JavaScript的情況下通過簡(jiǎn)單的CSS代碼實(shí)現(xiàn)圖片或元素的模糊效果。blur濾鏡的使用非常方便,只需在CSS樣式中添加filter:blur(radius)代碼,其中radius是濾鏡的半徑,這個(gè)半徑越大,模糊程度就越高,原始元素就會(huì)更加模糊。
.box{ filter:blur(5px); }
可以看到在上面的代碼中,我們使用了一個(gè)class名為box的元素,并在樣式中使用了filter:blur(5px)的代碼,實(shí)現(xiàn)了一個(gè)模糊半徑為5像素的模糊效果。CSS 濾鏡 blur 不僅可以應(yīng)用于圖片,也可以應(yīng)用于文本以創(chuàng)建陰影效果等等。需要注意的是,濾鏡效果可在支持這個(gè)屬性的瀏覽器中實(shí)現(xiàn),因此可能需要添加一些后備方案,以確保頁面在不支持這個(gè)濾鏡效果的瀏覽器中可以正常呈現(xiàn)。
上一篇css 漂亮的list
下一篇css 燈光照射