Есть пример анимации https://themeisle.com/demo/?theme=Parallax%20One
Как создать такое "движение" картинки?
Выяснил, что там используется transform-style:preserve-3d
и несколько overlay картинок. А есть ли возможность сделать такое только с одной картинкой? Может какая-нибудь js либа?
-
Посмотрите здесь: ru.stackoverflow.com/questions/679649/…– NeedH829 июн 2017 в 13:32
-
@NeedHate Спасибо, но немного не то, там несколько элементов, а у меня задача шевелить одну картинку– Klimenko Kirill29 июн 2017 в 13:35
Добавить комментарий
|
1 ответ
Вы можете использовать готовые библиотеки, для примера https://github.com/stephband/jparallax (демо и документация здесь)
P.S. В вашем примере двигается 2 объекта.
-
Знаю, поэтому в вопросе и написано :"Выяснил, что там используется transform-style:preserve-3d и несколько overlay картинок. А есть ли возможность сделать такое только с одной картинкой? Может какая-нибудь js либа?" 29 июн 2017 в 13:50
-
-
-
вы также можете использовать js для слежения за мышкой как здесь fmrfox.com/slezhenie-za-kursorom но самому задать правила вычисления координат объекта– Alex29 июн 2017 в 13:54
-
Да в общих чертах та либа, которую вы кидали, более чем реализаует то, что я хотел. Так что спасибо большое) 29 июн 2017 в 14:10