CSS中的blur值是什么？

.blur {
filter: blur(2px);
}

在CSS中，blur是filter屬性的一種值，它用于創(chuàng)建模糊效果。該屬性可以將圖像或元素的邊緣變模糊，從而產(chǎn)生一種柔和的視覺效果。

語法：

.blur {
filter: blur(value); 
}

其中value是模糊效果的程度，可以是一個數(shù)字或單位值，表示像素、百分比或視窗寬度。

應(yīng)用：

/* 創(chuàng)建一個5像素模糊的背景圖像 */
.bg {
background-image: url(bg-img.jpg);
filter: blur(5px);
}
/* 使所有圖片模糊，但懸停時不模糊 */
img {
filter: blur(3px);
transition: all 0.3s;
}
img:hover {
filter: none;
}

可以將blur值用于背景圖像、圖像和其他元素。它可以與其他CSS屬性一起使用，例如transparency和color-adjustment，以創(chuàng)建自定義的視覺效果。

請注意，由于某些瀏覽器不支持filter屬性，根據(jù)您的目標受眾，建議提供其他方案或降級選項。