|
|
| Строка 284: |
Строка 284: |
| .navbox .navbar { | | .navbox .navbar { |
| display:none; | | display:none; |
| }
| |
|
| |
| body {
| |
| max-width: 100%;
| |
| height: auto;
| |
| background-image: url('https://asciawiki.ru/images/a/a6/%D0%A4%D0%BE%D0%BD1.jpg'); /* Замените на путь к вашему изображению */
| |
| background-size: cover; /* Фон будет масштабироваться под размеры экрана */
| |
| background-position: center center; /* Центрирование изображения */
| |
| background-repeat: no-repeat; /* Изображение не будет повторяться */
| |
| background-attachment: fixed; /* Фон будет фиксированным при прокрутке страницы */
| |
| }
| |
|
| |
| /* Основной контейнер */
| |
| .parallax-container {
| |
| position: relative;
| |
| height: 200px; /* Высота параллакс-элемента */
| |
| overflow: hidden;
| |
| }
| |
|
| |
| /* Фоновое изображение */
| |
| .parallax-background {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| background-image: url('https://asciawiki.ru/images/5/53/Ugol_pravyi.jpg');
| |
| background-size: cover;
| |
| background-attachment: fixed; /* Ключ для параллакса */
| |
| background-position: center;
| |
| z-index: -1; /* Слой под контентом */
| |
| }
| |
|
| |
| /* Контент поверх фона */
| |
| .parallax-content {
| |
| position: relative;
| |
| z-index: 1;
| |
| text-align: center;
| |
| color: white;
| |
| padding: 20px;
| |
| } | | } |
|
| |
|