Веб-дизайн. 4 курс. Практическое занятие №5. 3D-Parallax дизайн
Вам нужно создать вертикальный параллакс с фоновой иллюстрацией и дополнительными иллюстрациями на прозрачном фоне (.png) - в моем примере их семь. Все иллюстрации загрузите в репозиторий. Для оптимизации отображения отключите в настройках блога левую боковую панель если она не была отключена ранее (дизайн - боковая панель - сделать все элементы неактивными). I CSS 1) Открываем селектор страницы и указываем фоновую картинку. Чтобы она дублировалась вниз, выставьте достаточную высоту (например, как у меня): body { background:url('https://raw.githubusercontent.com/Dmitrykonn/locals/refs/heads/main/brickwallpale.jpg'); height:4600px; } 2) Создаем элементы слоев для фонов 1, 2 и 3: div#parallax-bg-1{ position: fixed; width: 1200px; top: 0; left: 50%; margin-left: -600px; z-index: 1; } div#parallax-bg-2{ position: fixed; width: 1200px; top: 0; left: 50%; margin-left: -600px; z-index: 2; } div#parallax-bg-3{ position: fixed...