Глубина без лишнего движения
Три готовые страницы и шесть учебных сцен. Прокрутите макет, настройте оформление и заберите готовый код.
Параллакс на целой странице
3 готовых макетаПродукт, портфолио или целый мир. Здесь движение связано с обычной прокруткой, а не с ползунком. Каждый макет имеет свою композицию.
HTML — один автономный файл. ZIP — HTML, CSS, JavaScript и инструкция отдельно. Внешние картинки и сборка не нужны.
Посмотреть и скопировать HTML, CSS, JavaScript страницы
Переносите три части вместе. HTML содержит сам макет; подключите к нему CSS и JavaScript. В ZIP эти файлы уже связаны.
Учебные эффекты по отдельности
6 примеровПолзунок помогает сравнить положения слоёв. Откройте «Страница с этим эффектом»: там сцена встроена в несколько разделов и работает от прокрутки. Три отдельные композиции находятся выше.
Статичный предпросмотр. Запустите показ или измените прогресс.
Где пригодится:
Заберите результат
Без внешних изображенийОтдельные части переносите вместе. HTML сцены включает стили и сценарий. HTML страницы содержит полноценный макет из нескольких секций с параллаксом от прокрутки. Весь проект содержит мастерскую и инструкции.