Анимация движения картинки,когда по ней водят мышкой

295
30 июня 2017, 08:42

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

Answer 1

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

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

READ ALSO
Как понять, что шрифт отрендерился
javascript

Как понять, что шрифт отрендерился

Как понять, что загруженный шрифт отрендерился? Не загрузился, а именно отрендерился

 293
htaccess убираем php ошибка одинаковых имен папок и файлов
PHP

htaccess убираем php ошибка одинаковых имен папок и файлов

Здравствуйте, как все знают чтобы убрать у названия файла его расширение надо в htaccess ввести следующее

 304
Как отправить запрос методом POST на адрес ROOT URL?
PHP

Как отправить запрос методом POST на адрес ROOT URL?

Как отправить POST запрос следующего вида:

 317
Изменения в php-файлах не видны без перезагрузки apache
PHP

Изменения в php-файлах не видны без перезагрузки apache

здравствуйте, я установил на свой сервер OPcache (использую связку apache+nginx), после установки, добавил в конфиг пару строк (я взял их из рекомендаций...

 340