Как сделать движение контента за курсором?

Question

[zds]

Интересует способ реализации подобной динамики на сайте, когда двигаешь мышкой, а картинка или текст плавно двигаются по направлению движения.

Чтобы было понятно о чем речь прошу взглянуть на сайт www.weltpixel.com/cleo

Вот именно этот эффект как называется, и какими средствами реализуется?
Спасибо.

Answer 1

[Антон Шаманов]

js скрипт отслеживает положение курсора, каких-то универсальных библиотек не видел, но там реализация довольно простая.

Comments

[zds]

А название у этого эффекта есть? Не параллакс же?

Answer 2

[aen]

scrollrevealjs.org

Comments

[zds]

Это скролл эффект, а не движение за курсором

[aen]

Вы вопросы задавайте точнее. Видимо вам нужен эффект параллакса. matthew.wagerfield.com/parallax

[zds]

А что в моих словах показалось не точным? К тому же привел пример с сайтом по ссылке.
Куда точнее уж не знаю.
В любом случае спасибо.

[gimntut]

zds: Сайт по ссылке всё запутывает. На нём множество эффектов. Объекты движутся как при перемотке страницы (скроллэффект), так и при движении мыши (параллакс), но не следом за мышью, а противоположно направлению движения мыши. Поэтому пример, абсолютно не соответствует вопросу.

[zds]

gimntut: для тех кто в бронепоезде:
Когда мы отрываем сайт из моего примера, что мы первым делом видим? - Заголовок.
Что он делает при движении курсором? - Движется.
Что здесь может запутать? ...
Ерунду не говорите.

Answer 3

[Елена]

Определяете координаты мышки с помощью скрипат, если всё правильно помню, то вот такого:

<b><some_element onMouseMove="some_element.onmousemove=func_name(e);">
<script language = "JavaScript">
<!--
function func_name (e) {
      alert(e);
}
-->
</script></b>

А после привязываете нужные картинки к определённой области.

Answer 4

[mrbaskus]

это эффект параллакс
здесь полный набор https://github.com/stephband/jparallax