Ichitux/lambada-fiesta-live
1
0
Fork 0
mirror of https://github.com/Ichitux/lambada-fiesta-live.git synced 2026-05-15 16:32:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

Adding animations

Browse Source
This commit is contained in:
Antoni Nuñez Romeu
2026-03-19 16:48:42 +01:00
parent 3f0618829f
commit 3c1ae1643b
10 changed files with 41 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/StaffSection.tsx
View File

@@ -32,7 +32,7 @@ const StaffSection = () => {
<motion.div
initial={{ opacity: 0, y: 20 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
viewport={{ once: false, amount: 0.15 }}
className="flex items-end justify-between gap-4 mb-6 md:mb-8"
>
<div className="text-center md:text-left w-full">
@@ -78,7 +78,7 @@ const StaffSection = () => {
key={member.id}
initial={{ opacity: 0, y: 30 }}
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true }}
viewport={{ once: false, amount: 0.15 }}
transition={{ delay: i * 0.05 }}
data-staff-card
className="snap-start shrink-0 w-4/5 sm:w-1/2 lg:w-1/3 xl:w-1/4 bg-card rounded-2xl overflow-hidden shadow-card hover:shadow-elevated transition-shadow group"