30

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

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

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

Как размыть задний фон на сайте!? На самом деле размыть задний фон очень просто! нам не нужно ставить 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
Как выглядит данный задний фон без размытия!?

P.S. Этот, эти примеры и вообще весь сайт делается для того, чтобы вы могли понять, как это должно работать!
Потому, что я помню, как сам барахтался в этом море информации!
Не забывай о ближних своих!
Помогай им!
И не забывай тех, кто помог тебе!
Просто скажи спасибо!
Любая твоя реакция, на представление материалы очень важна для нас!
Не молчи! напиши что-то!(В рамках приличия конечно)


Нашел ошибку - напиши в коментах! У нас происходит большая чистка контента и приведение его к одному шаблону!
Если увидел ошибку – не поленись – напиши в коментах!
Мы очень Вам благодатны за вашу активную позицию!
Поделиться :
Оставить комментарий:
Всего комментариев : 0 PRO DW
+
=


PRO DW
Проголосовать: (Рейтинг звездный)
Еще никто не проголосовал
Может послушаем немного музыки!?