Продвинутый параллакс эффект [требует правки]
например на этом сайте: https://codyhouse.co/demo/alternate-fixed-scroll-background/index.html
представлен незамысловатый паралакс эффект, который достигается при помощи свойства background-attachment: fixed. Это просто
Теперь смотрим на этот сайт: http://www.motelstudios.co.uk/#home
Здесь паралкс эффект аналогичный примеру сверху, НО front-end разработчик как-то сумел сделать при этом, чтобы родительский блок тоже при этом скролился.
Вопрос 1: можно ли делать такое на чистом css и если можно то как?
Вопрос 2: если нельзя на чистом css это сделать, то как это сделать JS-ом?
Нет там параллакса, фон зафиксирован, остальное прозрачно, кроме футера.
body {
background: url() no-repeat 0%0%/cover fixed;
}
Слои что выше { background: transparent; }, а также after-ы и before-ы
{
border:none !important;
background: transparent;
}
Футеру ставим либо цвет, либо картинку: { background: url() #000; }
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
- Почему SERVER_ADDR имеет не тот IP 49912 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31901 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25875 visits
- Как через css изменить цвет png изображения? 11721 visits
- Blob video url download 11267 visits
- Php curl запрос через прокси с авторизацией 10665 visits
- Работа с captcha vk api 9470 visits
© "hostciti.net" 21.12.2025 | 22:15