Hàm blur

Hàm blur cho phép làm mờ hình nền theo Gauss.

Cú pháp

selector {
	filter: blur(độ mờ);
}

Ví dụ

Hãy đặt độ mờ cho hình ảnh của chúng ta là 2px:

<div id="elem"></div>

#elem {
	filter: blur(2px);
	background-blend-mode: normal;
	background: url("bg.png") center / cover no-repeat,
	linear-gradient(#00A8DE, #FFF) fixed;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Xem thêm

hàm brightness,
thiết lập độ sáng cho nền
hàm contrast,
thiết lập độ tương phản cho nền
hàm drop-shadow,
thiết lập bóng đổ cho nền
hàm hue-rotate,
thiết lập màu sắc cho nền
hàm invert,
đảo ngược màu sắc nền
hàm opacity,
thiết lập độ trong suốt cho nền
hàm sepia,
chuyển đổi nền thành màu sepia
thuộc tính background,
là thuộc tính viết tắt cho nền
thuộc tính background-image,
dùng để đặt hình nền cho phần tử
thuộc tính filter,
thiết lập kiểu dáng cho nền