С чего начать, чтобы добиться этого анимационного эффекта

Question

Как я могу добиться такого эффекта анимации (см. Ссылку ниже) и где мне нужно начать обучение, является ли это частью CSS или HTML5 или плагинов и т. Д.

У меня есть знания стартапа в CSS и HTML5, но я не знаю, как добиться эффекта.

http://www.terredevenements.com/en/

* эффект, о котором я имею в виду, - это перемещение изображений на переднем плане, когда мышь зависает и все еще поддерживает статичность фона.

Answer 1

Этот эффект называется "прокруткой параллакса"

Основная идея состоит в том, чтобы накладывать изображения друг на друга и перемещать их одновременно, но с разными скоростями, причем передний план движется быстрее, чем фон.

Захватывать и использовать события мыши можно с помощью javascript/jQuery, а анимацию также можно выполнять на этих языках или в сочетании с анимацией CSS3.

Существует довольно много плагинов jQuery, которые могут помочь вам быстро достичь этого эффекта.

Смотрите parallax.js

Или для дополнительных плагинов: http://bashooka.com/coding/best-jquery-parallax-plugins/