Обсуждение DLE Создание фона для сайта dle

[Xauber]

Работает на CSS3

Подходит для создания фона, так же приятно смотрится в слайдере.

Адаптивность присутствует.

CSS:

/*Super image*/
.super {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
z-index: -1;
}

.super:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.22), rgba(0, 0, 0, 1));
}

.super img {
display: block;
max-width: 100%;
margin: auto;
}

Для подгонки градиента под цвет фона сайта измените background: linear-gradient
По умолчанию градиент подогнан под #000000
Конвертер цветов - https://colorscheme.ru/color-converter.html

HTML:

<div class="super"><img src="{THEME}/images/1.jpg" alt="alt" /></div>

Див можно ставить в низ main.tpl

Ниже представлены три скриншота:
1. Без эффекта.
2. С эффектом, под черный фон.
3. С эффектом, под белый фон.