add of animation for .filterContainer

2025-11-21 11:34:48 +01:00
parent b024d13101
commit aba36c7fa5
1 changed files with 11 additions and 2 deletions
@@ -2,14 +2,23 @@
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
+    overflow: hidden;
+    max-height: 0;
+    opacity: 0;
+    transform: translateY(-10px);
+    transition: max-height 0.5s ease, opacity 0.8s ease, transform 0.5s ease;
 }

 .filterOpen {
-    display: flex;
+    max-height: 200px;
+    opacity: 1;
+    transform: translateY(0);
 }

 .filterClose{
-    display: none;
+    max-height: 200px;
+    opacity: 0;
+    transform: translateY(-10px);
 }