Как реализовать такой parallax эффект?

Question

[Александр Степанов]

Сабж. Есть сайт axioma48.ru.
Нужно там где машинки на первом экране реализовать parallax эффект.
Вот его текстовое описание: Машины должны двигаться относительно друг-друга от позиции курсора на background первого экрана.
Вопрос: как реализовать подобное? С помощью чего?
Жду ваших ответов!
Спасибо Вам большое!

Answer 1

[Максим Тимофеев]

Четкого описания "parallax эффект" эффекта конечно нет, но то что Вам надо это не parallax, сходство только в методах реализации.

как реализовать подобное? С помощью чего?

с помощью js (и/или jquery) конечно. Определяете положение курсора, меняете положение элементов.
Подробнее читать тут:
api.jquery.com/mousemove

ПС: Паралла́кс (греч. παραλλάξ, от παραλλαγή, «смена, чередование») — изменение видимого положения объекта относительно удалённого фона в зависимости от положения наблюдателя.

Относительно web это создание псевдо 3d эффекта, когда слои двигаются не равномерно. Создавая иллюзию 3D. В Вашем случае 2 объекта двигаются в зависимости от положения курсора внутри блока. Это не параллакс.

Популярность слова "Паралла́кс" связана с тем, что не понимание механизма реализации, приводит к попытке как-то назвать это. Вот и называют все что двигается и хз как сделано паралакс эффектом. Но это не так.