MOTION LAB / Stable API
moveAnimate
Learn more
Compose initial and animate states with individual bindings.
Custom Animation
initial → animate
Controls Make it yours
Initial State — starts as
0
01
30px
-100px100px
0px
-100px100px
0.85
02
0°
-180°180°
0px
0px20px
Timing
400ms
100ms2000ms
0ms
0ms1000ms
Easingease
<div
[moveInitial]="{ opacity: 0, y: 30, scale: 0.85 }"
[moveAnimate]="{ opacity: 1, y: 0, scale: 1 }"
moveDuration="400ms">
Target Element
</div>