couple of changes to wesbos#16

brandonjunus · brandonjunus · commit a174a1b72bae · 2019-01-12T23:02:30.000-08:00
diff --git a/16 - Mouse Move Shadow/index-start.html b/16 - Mouse Move Shadow/index-start.html
@@ -38,15 +38,20 @@ <h1 contenteditable>🔥WOAH!</h1>
 <script>
   let text = document.querySelector('.hero h1');
   var rect = text.getBoundingClientRect();
-  let {x: offsetWidth, y: offsetHeight} = rect;
+  console.log('rect', rect);
+  // let {x: offsetWidth, y: offsetHeight} = rect;
+  let offsetWidth = (rect.right + rect.left) / 2;
+  let offsetHeight = (rect.bottom + rect.top) / 2;
+  console.log('width', offsetWidth);
+  console.log('Height', offsetHeight);
   let x, y;
   window.addEventListener('mousemove', (e) => {
     x = e.x;
     y = e.y;
     console.log(x, y)
     // text.style.textShadow = `${x}px ${y}px 0 rgba(255,0,255,0.7);`
     // text.style.cssText = `${x}px ${y}px 0 rgba(255,0,255,0.7);`
-    text.setAttribute('style', `text-shadow: ${x > offsetWidth ? -.025 * (x - offsetWidth): .025 * (offsetWidth - x)}px ${y > offsetHeight ? -.025 * (y - offsetHeight): .025 * (offsetHeight - y)}px 0 rgba(255,0,255,0.7);`);
+    text.setAttribute('style', `text-shadow: ${x > offsetWidth ? -.04 * (x - offsetWidth): .04 * (offsetWidth - x)}px ${y > offsetHeight ? -.04 * (y - offsetHeight): .04 * (offsetHeight - y)}px 0 rgba(255,0,255,0.7);`);
   })
 </script>
 </body>
