diff --git a/README.md b/README.md index 6da6c51e2..0e282b6bf 100644 --- a/README.md +++ b/README.md @@ -1862,8 +1862,9 @@ A hover effect where the gradient follows the mouse cursor. ```js var btn = document.querySelector('.mouse-cursor-gradient-tracking') btn.onmousemove = function(e) { - var x = e.pageX - btn.offsetLeft - btn.offsetParent.offsetLeft - var y = e.pageY - btn.offsetTop - btn.offsetParent.offsetTop + var rect = e.target.getBoundingClientRect() + var x = e.clientX - rect.left + var y = e.clientY - rect.top btn.style.setProperty('--x', x + 'px') btn.style.setProperty('--y', y + 'px') }