Merge pull request #27 from danielaEsc/feat/prueba-release-automatizado

feat: add interactive scale animation to counter

Author: danielaEsc

script.js

@@ -7,13 +7,21 @@ const increaseBtn = document.getElementById('increase');
 
 function updateDisplay() {
     counterDisplay.textContent = count;
+    
+    // Cambiar color según el valor
     if (count > 0) {
         counterDisplay.style.color = '#2ecc71';
     } else if (count < 0) {
         counterDisplay.style.color = '#e74c3c';
     } else {
         counterDisplay.style.color = '#2c3e50';
     }
+
+    // Pequeño efecto de escala al cambiar
+    counterDisplay.style.transform = 'scale(1.2)';
+    setTimeout(() => {
+        counterDisplay.style.transform = 'scale(1)';
+    }, 100);
 }
 
 decreaseBtn.addEventListener('click', () => {

style.css

@@ -16,7 +16,10 @@ h1 {
   font-weight: bold;
   margin: 1rem 0;
   color: #2c3e50;
-  transition: transform 0.2s ease;
+  transition:
+    transform 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275),
+    color 0.3s ease;
+  display: inline-block;
 }
 
 .counter-display:hover {