0

Есть пример анимации https://themeisle.com/demo/?theme=Parallax%20One
Как создать такое "движение" картинки?
Выяснил, что там используется transform-style:preserve-3d и несколько overlay картинок. А есть ли возможность сделать такое только с одной картинкой? Может какая-нибудь js либа?

2
  • Посмотрите здесь: ru.stackoverflow.com/questions/679649/…
    – NeedH8
    29 июн 2017 в 13:32
  • @NeedHate Спасибо, но немного не то, там несколько элементов, а у меня задача шевелить одну картинку 29 июн 2017 в 13:35

1 ответ 1

1

Вы можете использовать готовые библиотеки, для примера https://github.com/stephband/jparallax (демо и документация здесь)

P.S. В вашем примере двигается 2 объекта.

5
  • Знаю, поэтому в вопросе и написано :"Выяснил, что там используется transform-style:preserve-3d и несколько overlay картинок. А есть ли возможность сделать такое только с одной картинкой? Может какая-нибудь js либа?" 29 июн 2017 в 13:50
  • так вы сделайте там только один слой
    – Alex
    29 июн 2017 в 13:51
  • Но в любом случае спасибо, очень похоже на что-то подходящее) 29 июн 2017 в 13:52
  • вы также можете использовать js для слежения за мышкой как здесь fmrfox.com/slezhenie-za-kursorom но самому задать правила вычисления координат объекта
    – Alex
    29 июн 2017 в 13:54
  • Да в общих чертах та либа, которую вы кидали, более чем реализаует то, что я хотел. Так что спасибо большое) 29 июн 2017 в 14:10

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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