moveStagger
Animate multiple children with a staggered delay. Perfect for lists, grids, and card layouts.
Configuration
fade-up
400ms
100ms2000ms
Easingease-out
50ms
20ms200ms
1
2
3
4
5
6
7
8
9
Preview Area
<div moveStagger moveStaggerStep="50ms">
@for (item of items; track item.id) {
<div moveEnter="fade-up" moveDuration="400ms">{{ item.label }}</div>
}
</div>