Как сделать такую логику курсора?

Question

[ptenchikelem]

движение и ховер
как вот тут https://remake.codeless.co/erzen/#

https://jsfiddle.net/0v5h2u67/1/

Answer 1

[RAX7]

Comments

[goshaLoonny]

Там же курсора дефолтного не видно, только точка

[RAX7]

goshaLoonny,

body {
    cursor: none !important;
}

[ptenchikelem]

RAX7, cпасибо огромное, а на пунктах меню нету такого ховера, как на картинках
но класс добавляю( как на скрине ниже)
чуть подправить нужно?

[goshaLoonny]

ptenchikelem, Посмотрите мой ответ, я его изменил. Это уже реализовано

[RAX7]

ptenchikelem, document.querySelector('.image'); выберет только первый попавшийся .image, а нужно вешать слушателя событий на все .image
https://learn.javascript.ru/event-delegation

[ptenchikelem]

RAX7, а, понял ошибку
еще раз огромное спасибо!)

[RAX7]

ptenchikelem, пожалуйста =)

[ptenchikelem]

RAX7, извините, за глупый вопрос, я вот вешаю, но у меня всегда показывает только контейнер
https://jsfiddle.net/4ubo2y71/2/

[RAX7]

ptenchikelem, https://jsfiddle.net/cqd2v56o/

[ptenchikelem]

RAX7, извините, не подскажете, такой нюанс, пожалуйста?

как подправить ховер на картинку?
1) текст с задержкой за курсором следует, а в примере монолитно (вот тут - https://remake.codeless.co/erzen/# )
2) когда медленно двигать ховер на картинке - продает надпись с курсором

https://jsfiddle.net/7ek0xyfh/

[RAX7]

ptenchikelem, https://jsfiddle.net/3dnv7s9b/

[ptenchikelem]

RAX7, спасибо огромное

Answer 2

[goshaLoonny]

UDP: Это уже реализовал Kyle Brumm

Comments

[ptenchikelem]

goshaLoonny, нет. как тут нужно https://remake.codeless.co/erzen/#

[edward_freedom]

ptenchikelem, подправь чтобы как там было

[ptenchikelem]

goshaLoonny, также хорошее решение, спасибо