fix motion.div for ChevronsDown

swush-labs · Nov 19, 2024 · f63c774 · f63c774
1 parent f343fdf
commit f63c774
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -433,6 +433,9 @@ export default function Component() {
             <div className="flex justify-center -my-3 relative z-10">
               <motion.div 
                 className="p-2 rounded-lg bg-slate-700/90 backdrop-blur-sm border border-slate-600/50 shadow-lg hover:bg-slate-600/90 transition-all duration-200 cursor-pointer"
+                initial={{ opacity: 0, y: 20 }}
+                animate={{ opacity: 1, y: 0 }}
+                transition={{ duration: 0.3, delay: 0.01 }}
                 whileHover={{ scale: 1.1 }}
                 whileTap={{ scale: 0.9 }}
               >