1

Подскажите пожалуйста что движет этой анимацией слоев? В отладчике не какие значения не меняются + js не используется. Следовательно вопрос в том почему слои двигаются с разной скоростью и что на это влияет. Спасибо!

Пример: 

https://codepen.io/secretgspot/pen/QaGGVp

11
  • Обычный паралакс, почитайте про него и станет все понятно. И почему если движение, это только JS (вопрос риторический)?
    – user262779
    27 окт 2018 в 13:22
  • @VladSpirin я знаком с паралаксом. в нем обычно идет привязка к скролу страницы и от него уже анимируются какие либо свойства типа (bgposition translateY и прочее) если можно анимировать скорость не только js, объясните пожалуйста как в этом примере это делается?
    – vovkka
    27 окт 2018 в 13:29
  • Гляньте тут, коль лень гуглить, освобожусь, будут еще вопросы, отвечу
    – user262779
    27 окт 2018 в 13:34
  • 1
    @VladSpirin о! кажется это то что нужно! спасибо!
    – vovkka
    27 окт 2018 в 13:36
  • 1
    @VladSpirin спасибо!
    – vovkka
    27 окт 2018 в 14:27

1 ответ 1

-2

Скорость движения слоя определяется сочетанием значений перспективы и перемещения по оси Z. Элементы с отрицательным значением translateZ прокручиваются медленнее, чем с положительным. Чем дальше это значение от 0, тем более выраженным получится параллакс-эффект (то есть при translateZ(-10px) прокрутка происходит медленнее, чем при translateZ(-1px)).

0

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.