/* ============================================ Minecraft Void Parallax — void-parallax.css Подключи в : ============================================ */ *, *::before, *::after { box-sizing: border-box; } body { margin: 0; min-height: 100vh; background: #000; position: relative; overflow-x: hidden; } /* ── Обёртка фона ── */ .void-bg { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; } /* ── Базовый градиент «пустота» ── */ .void-bg__gradient { position: absolute; inset: 0; background: radial-gradient( ellipse 80% 70% at 50% 50%, #0c0018 0%, #07000f 40%, #040009 70%, #000000 100% ); z-index: 0; } /* ── Слои параллакса с картинками ── */ .void-bg__layer { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; will-change: transform; } .void-bg__layer--1 { background-image: url('/static/layer/3.png'); z-index: 2; } .void-bg__layer--2 { background-image: url('/static/layer/2.png'); z-index: 4; } .void-bg__layer--3 { background-image: url('/static/layer/1.png'); z-index: 5; } /* ── Канвас для частиц ── */ .void-bg__canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; } .void-bg__canvas--1 { z-index: 1; } .void-bg__canvas--2 { z-index: 3; } .void-bg__canvas--3 { z-index: 5; } /* ── Виньетка поверх ── */ .void-bg__vignette { position: absolute; inset: 0; background: radial-gradient( ellipse 90% 85% at 50% 50%, transparent 35%, rgba(0, 0, 8, 0.4) 70%, rgba(0, 0, 0, 0.88) 100% ); z-index: 7; } /* ── Слои параллакса с картинками ── */ .void-bg__layer { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; will-change: transform; } .void-bg__layer--1 { background-image: url('/static/layer/3.png'); opacity: 0.6; z-index: 2; } .void-bg__layer--2 { background-image: url('/static/layer/2.png'); opacity: 0.75; z-index: 4; } .void-bg__layer--3 { background-image: url('/static/layer/1.png'); opacity: 0.9; z-index: 6; } /* ── Канвас для частиц ── */ .void-bg__canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; } .void-bg__canvas--1 { z-index: 1; } .void-bg__canvas--2 { z-index: 3; } .void-bg__canvas--3 { z-index: 5; } .void-bg__layer--2 { background-image: url('/static/layer/2.png'); opacity: 1; } .void-bg__layer--3 { background-image: url('/static/layer/1.png'); opacity: 1; } /* ── Канвас для частиц ── */ .void-bg__canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; } /* ── Виньетка поверх ── */ .void-bg__vignette { position: absolute; inset: 0; background: radial-gradient( ellipse 90% 85% at 50% 50%, transparent 35%, rgba(0, 0, 8, 0.4) 70%, rgba(0, 0, 0, 0.88) 100% ); } /* ── Контент сайта поверх фона ── */ .void-content { position: relative; z-index: 1; }