Back to all Elements
I recreated this codepen by @suez in Webflow.
Create the following hierarchy:
<script>
document.addEventListener('DOMContentLoaded', (ev) => {
const circle = document.querySelector('.hover-div');
const circleHalf = circle.offsetWidth / 2;
addEventListener("mousemove", (e) => {
console.log(e.pageX, e.pageY);
circle.style.left = e.pageX - circleHalf + "px";
circle.style.top = e.pageY - circleHalf + "px";
});
});
</script>
.png)
Try avoiding using "Transition: All". It is heavy on the browser's engine.
.png)
.png)