Для создания эффекта размытия (blur) в CSS используется свойство filter со значением blur. Значение свойства filter указывает, какой эффект нужно применить к элементу. Вот несколько примеров:
- Для размытия изображения:
img {
filter: blur(5px);
}- Для размытия заднего фона (
background-image):
div {
background-image: url("image.jpg");
filter: blur(10px);
}- Для размытия текста (
color):
h1 {
color: white;
filter: blur(3px);
}Значение в скобках указывает интенсивность эффекта. Чем больше значение, тем больше размытие. Также можно использовать значение в процентах (%), чтобы указать относительную интенсивность эффекта.
Обратите внимание, что эффект размытия может замедлить отображение страницы, поэтому не рекомендуется использовать его в избытке. Также эффект не поддерживается в старых версиях некоторых браузеров, так что стоит проверить, как он работает в вашем браузере.
