From 8d18df22cf0f09dddecb04058bd0408838a7226e Mon Sep 17 00:00:00 2001 From: 30secondsofcode <30secondsofcode@gmail.com> Date: Fri, 30 Aug 2019 08:00:54 +0000 Subject: [PATCH] Travis build: 448 --- README.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) 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') }