Update fast-search-card.js

Author: fastender

dist/fast-search-card.js

@@ -1258,9 +1258,15 @@ class FastSearchCard extends HTMLElement {
                 gap: 12px;
                 opacity: 0;
                 transform: translateX(20px);
-                /* NEUE GOOEY EIGENSCHAFTEN: */
+            }
+
+            .category-buttons.gooey-start {
                 filter: blur(10px) contrast(20);
             }
+            
+            .category-buttons.gooey-end {
+                filter: blur(0px) contrast(1);
+            }            
 
             /* Mobile: Category-Buttons zentrieren */
             @media (max-width: 768px) {
@@ -5010,7 +5016,12 @@ class FastSearchCard extends HTMLElement {
         const categoryButtons = this.shadowRoot.querySelector('.category-buttons');
         this.isMenuView = true;
         categoryButtons.classList.add('visible');
-        categoryButtons.animate([{ opacity: 0, transform: 'translateX(20px) scale(0.9)' }, { opacity: 1, transform: 'translateX(0) scale(1)' }], { duration: 400, easing: 'cubic-bezier(0.16, 1, 0.3, 1)', fill: 'forwards' });
+
+        categoryButtons.animate([
+            { opacity: 0, transform: 'translateX(0px) scale(0.9)', filter: 'blur(10px) contrast(20)' }, 
+            { opacity: 1, transform: 'translateX(0px) scale(1)', filter: 'blur(0px) contrast(1)' }
+        ], { duration: 400, easing: 'cubic-bezier(0.16, 1, 0.3, 1)', fill: 'forwards' });
+        
     }        
 
     hideCategoryButtons() {