add function to shoe the shadow of the txt

Author: simoneas02

apps/mouse-move-shadow/assets/script/index.js

@@ -0,0 +1,24 @@
+const container = document.querySelector(".container")
+const title = document.querySelector(".container__title")
+const walk = 500
+
+const shadow = event => {
+    const { offsetWidth: width, offsetHeight: height } = container;
+    let { offsetX: x, offsetY: y } = event;
+    
+    if (this !== event.target) {
+      x = x + event.target.offsetLeft;
+      y = y + event.target.offsetTop;
+    }
+
+    const xWalk = Math.round((x / width * walk) - (walk / 2));
+    const yWalk = Math.round((y / height * walk) - (walk / 2));
+    title.style.textShadow = `
+      ${xWalk}px ${yWalk}px 0 rgba(255,0,255,0.7),
+      ${xWalk * -1}px ${yWalk}px 0 rgba(0,255,255,0.7),
+      ${yWalk}px ${xWalk * -1}px 0 rgba(0,255,0,0.7),
+      ${yWalk * -1}px ${xWalk}px 0 rgba(0,0,255,0.7)
+    `;
+}
+
+container.addEventListener('mousemove', shadow);