changes

Author: daniel4-scratch

extras/game/script.js

@@ -30,14 +30,19 @@ const reset = async () => {
         console.error("Error during storage removal:", error);
     }
 }
+
 // JavaScript
 var clickElement = document.getElementById('click');
 
-clickElement.addEventListener('click', function() {
-    // Remove the pop class and force a reflow to allow the animation to be restarted mid-animation
-    this.classList.remove('pop');
-    void this.offsetWidth;
-    this.classList.add('pop');
+clickElement.addEventListener('mousedown', function() {
+    this.classList.add('scale-down');
+});
+
+clickElement.addEventListener('mouseup', function() {
+    this.classList.remove('scale-down');
+});
+clickElement.addEventListener('mouseleave', function() {
+    this.classList.remove('scale-down');
 });
 
 run();

extras/game/style.css

@@ -28,6 +28,7 @@ body {
     cursor: pointer;
     height: auto;
     width: auto;
+    transition: all 0.1s ease-in-out;
 }
 
 .text-layer{
@@ -51,12 +52,6 @@ body {
 }
 
 /* CSS */
-.pop {
-    animation: pop 0.3s;
-}
-
-@keyframes pop {
-    0% { transform: scale(1); }
-    50% { transform: scale(1.2); }
-    100% { transform: scale(1); }
+.scale-down {
+    transform: scale(0.8);
 }