Как создать эффект — круг под курсором мыши?

Question

[Макс]

Подскажите как можно решить такую задачу: Необходимо создать круг под курсором мыши на сайте. Такое решение
https://codepen.io/maxteh/pen/bQwJYZ
не работает (элементы перекрывают друг друга). Может есть готовые библиотеки jQuery.
Или не брать в приницпе div, а использовать другое решение для создания такого эффекта.
Замена изображения курсора не очень подходит, так как есть ограничения на само изображение (тот же круг у курсора не такой красивый), плюсом планируется анимация при наведении на объекты страницы.

Comments

[ProjectSoft]

А если так?
https://codepen.io/anon/pen/GwjLVz
На курсор
pointer-events: none;

И там ещё прокрутку надо просчитывать.

[Dmitry Bay]

и z-index 1000 на курсор..

[Макс]

ProjectSoft, Спасибо за подсказку с pointer-events: none. Да буду дорабатывать JS в том числе для прокрутки.