Create animated-cursor.js

dhairyagothi · Feb 25, 2024 · 0883e47 · 0883e47
1 parent 40358ac
commit 0883e47
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/Animated-cursor/animated-cursor.js b/Animated-cursor/animated-cursor.js
@@ -0,0 +1,16 @@
+const cursor = document.querySelector(".cursor")
+
+document.addEventListener("mousemove",(e)=>{
+
+    let x = e.pageX;
+    let y = e.pageY;
+
+    cursor.style.top = y + "px";
+    cursor.style.left = x + "px";
+    cursor.style.display = "block";
+})
+
+document.addEventListener("mouseout",(e)=>{
+    cursor.style.display = "none" ;
+})
+