Skip to content
MOTION LAB / Stable API

moveAnimation

Learn more

Define initial, animate and exit states. Only properties shared by initial and animate are interpolated.

Object Animation
initial → animate → exit

Controls Make it yours

Timing

400ms
100ms2000ms
0ms
0ms1000ms
Easingease
demo.htmlhtml
<ng-container *movePresence="true">
  <div [moveAnimation]="{
    initial: { opacity: 0, y: 24, scale: 0.95 },
    animate: { opacity: 1, y: 0, scale: 1 },
    exit: { opacity: 0, y: -16, scale: 0.95 },
    duration: 400, delay: 0, easing: 'ease'
  }">Card</div>
</ng-container>