Merge pull request swaraj-das#688 from Jordian0/branchj

Adding smoothness to pop back animation for products
biswa2005 · Oct 26, 2024 · 565b7ef · 565b7ef
2 parents 36d29c5 + 0344062
commit 565b7ef
Showing 1 changed file with 3 additions and 26 deletions.
diff --git a/style.css b/style.css
@@ -697,21 +697,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 {
@@ -726,19 +715,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 {