From 10fd60609233191ffcd0a254ca070df9742cc2c8 Mon Sep 17 00:00:00 2001
From: Jordian0 <bhajji.bv@gmail.com>
Date: Sat, 26 Oct 2024 09:52:32 +0530
Subject: [PATCH] adding smoothness to pop back animation for products

---
 style.css | 31 ++++---------------------------
 1 file changed, 4 insertions(+), 27 deletions(-)

diff --git a/style.css b/style.css
index fbdccde..de9c49f 100644
--- a/style.css
+++ b/style.css
@@ -730,21 +730,10 @@ button {
   width: 90%;
   z-index: 9;
   overflow: hidden;
+  transition: transform 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000);    
 }
 .col-2:hover .controller {
-    animation: scale-up 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
-}
-
-@keyframes scale-up {
-    0% {
-        -webkit-transform: scale(1);
-        transform: scale(1);
-    }
-
-    100% {
-        -webkit-transform: scale(1.1);
-        transform: scale(1.1);
-    }
+    transform: scale(1.1);
 }
 
 .color-box {
@@ -759,19 +748,7 @@ button {
   transition: transform 0.5s ease;
 }
 .col-2:hover .color-box {
-    animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
-}
-
-@keyframes slide-left {
-    0% {
-        -webkit-transform: translateX(20);
-        transform: translateX(20);
-    }
-
-    100% {
-        -webkit-transform: translateX(0);
-        transform: translateX(0);
-    }
+    transform: translateX(0);
 }
 
 .price {
@@ -2227,4 +2204,4 @@ button {
 #contact button:hover {
   background-color: #0056b3;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-}
\ No newline at end of file
+}