Чтобы сделать эффект размытия (blur) фона в CSS, можно использовать свойство filter с функцией blur(). Вот пример:
body {
background-image: url('your-image.jpg');
filter: blur(5px);
}Здесь мы добавляем задний фон для элемента <body> с помощью свойства background-image и задаем эффект размытия с помощью свойства filter. Значение функции blur() определяет степень размытия в пикселях. В данном случае мы задали значение 5px.
Чтобы делать продвинутый размытый фон, можно наложить несколько фильтров, например:
body {
background-image: url('your-image.jpg');
filter: blur(5px) brightness(60%) contrast(70%);
}Здесь мы добавляем также яркость и контраст, чтобы управлять игрой цвета. Вы можете изменять значения функций, чтобы добиться желаемого эффекта.
Некоторые новые варианты CSS могут зависеть от браузера, поэтому проверьте совместимость перед использованием на продакшене.
