30

Главная - css - Задний фон

Размыть задний фон на сайте

Пример работы скрипта : «Размыть задний фон на сайте»
Скрипт № 70.2
Cкачать скрипт в архиве «Размыть задний фон на сайте»

Всего скачали 25 раз/а.
Как размыть задний фон на сайте!? На самом деле размыть задний фон очень просто! нам не нужно ставить background на body надо поставить background до body с помощью before.
естествено, что для псевдо класса нужен content: '';
Позиция фиксированная, по четырем осям 0px
z-index - отрицательный
background: url - путь до картинки

Как работает данное размытие заднего фона на сайте!?

размытие заднего фона вы можете видеть на этой странице, что и демонстрирует размытие!

Чтобы увеличить размытие заднего фона!?

Нужно увеличить занчение в фильтре(filter)

Как уменьшить размытие заднего фона на сайте!?

Нужно уменьшить занчение в фильтре(filter)

body::before {
content: '';
position: fixed; /* Фиксируем на одном месте */
left: 0; right: 0; /* Вся ширин */
top: 0; bottom: 0; /* Вся высота */
z-index: -1; /* Фон ниже текста */
/* Параметры фона */
background: url(здесь путь) center / cover no-repeat;
}
И чего еще не хватает для размытия!?
filter
+ свойство blur
+ размер размытия 5px
Как выглядит данный задний фон без размытия!?
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+=
Подписаться
ПОСЛЕДНИЕ КОММЕНТАРИИ
com
Марат : 2019/07/20 - 14:22
Решили все таки, разделить разные поддомены!Что собственно и предусмотрено в новой версии...
подробнее ...