From cd809e566f469e7563c656bc12037d792555478a Mon Sep 17 00:00:00 2001
From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com>
Date: Sat, 2 Nov 2024 20:09:57 +0300
Subject: [PATCH] Update 1.js

---
 JAVASCRIPT/1.js | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js
index cebf8a5..ca32a31 100644
--- a/JAVASCRIPT/1.js
+++ b/JAVASCRIPT/1.js
@@ -1,16 +1,18 @@
-/*BUTTON FLIP NORMALIZE*/
- const btnFlip = document.querySelector('.btn-flip');
+/*BUTTON MOVEMENT*/
+const glassyButtons = document.querySelectorAll(".glassy-button");
+glassyButtons.forEach((button) => {
+  button.addEventListener("mousemove", (event) => {
+    const centerX = button.offsetWidth / 2;
+    const centerY = button.offsetHeight / 2;
 
-  // Tıklama olayını ekliyoruz
-  btnFlip.addEventListener('click', function() {
-    // "active" sınıfını ekleyerek efekti başlatıyoruz
-    btnFlip.classList.add('active');
+    const offsetX = event.offsetX - centerX;
+    const offsetY = event.offsetY - centerY;
 
-    // 2 saniye sonra "active" sınıfını kaldırıyoruz
-    setTimeout(function() {
-      btnFlip.classList.remove('active');
-    }, 2000); // 2000 milisaniye (2 saniye)
+    button.style.setProperty("--_x-motion", `${offsetX}px`);
+    button.style.setProperty("--_y-motion", `${offsetY}px`);
   });
+});
+
 
 /*IMAGE CHANGER*/
 let currentIndex = 0;