Как сделать blur css

Для создания эффекта размытия (blur) в CSS используется свойство filter со значением blur. Значение свойства filter указывает, какой эффект нужно применить к элементу. Вот несколько примеров:

1. Для размытия изображения:

img {
  filter: blur(5px);
}

2. Для размытия заднего фона (background-image):

div {
  background-image: url("image.jpg");
  filter: blur(10px);
}

3. Для размытия текста (color):

h1 {
  color: white;
  filter: blur(3px);
}

Значение в скобках указывает интенсивность эффекта. Чем больше значение, тем больше размытие. Также можно использовать значение в процентах (%), чтобы указать относительную интенсивность эффекта.

Обратите внимание, что эффект размытия может замедлить отображение страницы, поэтому не рекомендуется использовать его в избытке. Также эффект не поддерживается в старых версиях некоторых браузеров, так что стоит проверить, как он работает в вашем браузере.