Задается размер по которому будет бегать зрачок. Круг двигается вслед за движением мыши, но более ранние позиции круга не стираются. Положение круга будет меняться в зависимости от того, где именно находится курсор мыши.
Расположение зон для движения зрачков.
Мы с вами уже реализовывали простой параллакс эффект в предыдущей статье.
Поставим картинку, которая будет бегать за курсором поверх остального контента.
Допустим есть стрелка, она должна всегда показывать в сторону курсора.
Координат начинается с левого верхнего угла, картинка всегда у меня будет по правую сторону курсора, и из-за этого происходит мои рывки, скажи моя логика не верна.
Правда, она будет при этом занимать место в макете сайта.
Это создает эффект рисования пальцем не совсем то, чего мы добивались.
Если картинки не лежат в той же папке что и стили, то укажите правильный путь.
Помогите пожалуйста написать скрипт, вращающий картинку за курсором.
Интересует способ реализации подобной динамики на сайте, когда двигаешь мышкой, а картинка или текст плавно двигаются по направлению движения.
Получение позиции курсора мыши.
В отличие от предыдущего примера, мы не будем использовать готовую библиотеку.