Update cursor2.html

Rhine-Ho · Nov 20, 2022 · 600053b · 600053b
1 parent 248b82c
commit 600053b
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/cursor/cursor2.html b/cursor/cursor2.html
@@ -43,8 +43,21 @@
   <div class="cursor pointed">
     <span>Hello<br>World.</span>
   </div>
+
+
   <script>
+const cursorPointed = document.querySelector('.pointed');
+
+const moveCursor = (e)=> {
+  const mouseY = e.clientY;
+  const mouseX = e.clientX;
+
+
+  cursorPointed.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`;
+
+}
 
+window.addEventListener('mousemove', moveCursor)
   </script>
 
 </body>