Prototype scenarios - v0 by VercelPrototype scenarios - v0 by Vercel
yes
1d ago
globals.css already has a fadeSlideIn keyframe — I'll reuse it. Now I'll add staggered animation to the three cards:
Each of the three cards now uses the existing fadeSlideIn keyframe (opacity: 0, translateY: 6px → opacity: 1, translateY: 0) with animation-fill-mode: both so they stay hidden until their delay fires. The back card animates at 0ms, middle at 80ms, and front at 160ms — giving a natural left-to-right stacking feel on load.
1d ago
is that the time of animation liner.app would do?
1d ago
Not quite — Linear's animations are faster and snappier, typically around 200ms with a ease-out curve. Our 400ms is a bit slow and cinematic by comparison. The stagger delays would also be tighter, around 40-60ms apart rather than 80ms. Want me to tighten it up to match that feel?