✨ Add animation to asset list on scroll into view

HassanZahirnia · HassanZahirnia · commit ce81cee02805 · 2025-08-25T13:25:19.000+03:30
diff --git a/resources/views/brand.blade.php b/resources/views/brand.blade.php
@@ -110,6 +110,23 @@ class="mx-auto max-w-3xl pt-4 text-base/relaxed text-pretty text-gray-600 sm:tex
 
         {{-- List --}}
         <div
+            x-init="
+                () => {
+                    motion.inView($el, (element) => {
+                        gsap.fromTo(
+                            Array.from($el.children),
+                            { x: -10, autoAlpha: 0 },
+                            {
+                                x: 0,
+                                autoAlpha: 1,
+                                stagger: 0.1,
+                                duration: 0.7,
+                                ease: 'power2.out',
+                            },
+                        )
+                    })
+                }
+            "
             class="mx-auto mt-10 flex w-full max-w-md flex-col items-stretch gap-10"
         >
             @php
