andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Travis build: 448

Browse Source
This commit is contained in:
30secondsofcode
2019-08-30 08:00:54 +00:00
parent d4661854db
commit 8d18df22cf
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
README.md
View File

@ -1862,8 +1862,9 @@ A hover effect where the gradient follows the mouse cursor.
```js ```js
var btn = document.querySelector('.mouse-cursor-gradient-tracking') var btn = document.querySelector('.mouse-cursor-gradient-tracking')
btn.onmousemove = function(e) { btn.onmousemove = function(e) {
var x = e.pageX - btn.offsetLeft - btn.offsetParent.offsetLeft var rect = e.target.getBoundingClientRect()
var y = e.pageY - btn.offsetTop - btn.offsetParent.offsetTop var x = e.clientX - rect.left
var y = e.clientY - rect.top
btn.style.setProperty('--x', x + 'px') btn.style.setProperty('--x', x + 'px')
btn.style.setProperty('--y', y + 'px') btn.style.setProperty('--y', y + 'px')
} }