@iliya2004
Верстальщик, программист, дизайнер

Как сделать параллакс эффект прокрутки на CSS?

<body>
    ..контент..
    <div class="parallax">aaa</div>
    ..контент..
</body>

Нужно, чтобы parallax скроллился медленнее, чем остальной контент.

Я пробовал несколько вариантов с гугла, но блок просто отодвигался по оси z, но скроллился так же.

Не понимаю как, но раньше у меня работал вариант с perspective:1px у body и transform: translateZ(-1px) у parallax.
  • Вопрос задан
  • 323 просмотра
Решения вопроса 1
@iliya2004 Автор вопроса
Верстальщик, программист, дизайнер
body, html {
    margin: 0;
    height: 100%;
    perspective: 1px;
    overflow-x: hidden;
    overflow-y: auto;
}

parallax {
     transform: translateZ(-1px)
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
move2usajobs.com LLC Лос-Анджелес
от 2 000 до 4 000 $
Wanted. Санкт-Петербург
До 180 000 ₽
13 нояб. 2024, в 04:55
25000 руб./за проект
13 нояб. 2024, в 00:19
10000 руб./за проект