moveAnimation

Framer Motion-style object API. Pass a single initial, animate, and exit object to [moveAnimation].

Important: only properties present in bothinitial and animate are animated.

Configuration

Timing

Duration400ms

100ms2000ms

Delay0ms

0ms1000ms

Easingease

Object Animation

initial → animate → exit

Preview Area

demo.htmlhtml

<ng-container *movePresence="isOpen()">
  <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 }
    }"
  >
    Card
  </div>
</ng-container>