Доверьте продвижение нам

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики
Услуги веб дизайна под ключ.
от 29500 
Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!
от 29500 
Разработка сайтов под ключ. Работаем с такими системами, как Worpress, 1C-Bitrix, Tilda. Закажите разработку в Lion Digital и получите по настоящему продающий сайт.
от 32900 

Как сделать размытие фона в css

Чтобы сделать эффект размытия (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 могут зависеть от браузера, поэтому проверьте совместимость перед использованием на продакшене.

Поделиться:

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Меню

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.