Как сделать блюр в css

Чтобы создать эффект размытия (блюр) в CSS, можно использовать свойство filter и установить его значение в blur. Это свойство применяет фильтры к изображению, тексту и другим элементам.

Вот пример кода, который применит эффект размытия (блюр) к фону элемента:

<div class="blurry-background">
  <h1>Заголовок</h1>
  <p>Текст</p>
</div>

.blurry-background {
  background-image: url(path/to/image.jpg);
  background-size: cover;
  filter: blur(5px);
}

Здесь мы создали блок с классом «blurry-background» и добавили ему фоновое изображение, используя свойство background-image. Далее мы установили фильтр размытия (blur) с радиусом 5px, используя свойство filter.

Можно менять значение радиуса в зависимости от того, как сильно проявится эффект размытия. Например, при значении 0px элемент не будет размытым, а при значении 10px эффект размытия будет более заметным.

Эффект размытия можно также применять к тексту, изображениям и другим элементам. Для текста необходимо использовать свойство text-shadow, а для изображений — свойство filter с значением blur.

Таким образом, чтобы создать эффект размытия (блюр) в CSS, нужно использовать свойство filter и установить его значение в blur с желаемым радиусом.