diff --git a/sticky-navigation/script.js b/sticky-navigation/script.js
index f7d2bd9..7f9c1d8 100644
--- a/sticky-navigation/script.js
+++ b/sticky-navigation/script.js
@@ -7,4 +7,21 @@ function fixNav() {
} else {
nav.classList.remove('active')
}
-}
\ No newline at end of file
+}
+
+var mouse = document.querySelector('#mousefollower');
+
+document.body.addEventListener('mousemove',(details)=>{
+ var x = details.pageX;
+ var y = details.pageY;
+ console.log(y)
+ mouse.style.transform = `translate(${x}px,${y}px)`
+})
+
+document.body.addEventListener('mouseenter',(details)=>{
+ mouse.style.opacity = '1'
+})
+
+document.body.addEventListener('mouseleave',(details)=>{
+ mouse.style.opacity = '0'
+})
\ No newline at end of file
diff --git a/sticky-navigation/style.css b/sticky-navigation/style.css
index 3fffd64..ec3f3e8 100644
--- a/sticky-navigation/style.css
+++ b/sticky-navigation/style.css
@@ -115,3 +115,15 @@ body {
line-height: 30px;
letter-spacing: 1.2px;
}
+
+#mousefollower{
+ height: 20px;
+ width: 20px;
+ position: absolute;
+ z-index: 999;
+ mix-blend-mode: difference;
+ border-radius: 50%;
+ opacity: 0;
+ transition: 0.1s;
+ background-color: white;
+}
\ No newline at end of file