Skip to content

moveAnimate

Define initial, animate, and exit as plain state objects with separate Angular bindings.

Configuration

Initial State — starts as

0
01
30px
-100px100px
0px
-100px100px
0.85
02
0°
-180°180°
0px
0px20px

Timing

400ms
100ms2000ms
0ms
0ms1000ms
Easingease
Custom Animation
initial → animate
Preview Area
demo.htmlhtml
<div
  [moveInitial]="{ opacity: 0, y: 30, scale: 0.85 }"
  [moveAnimate]="{ opacity: 1, y: 0, scale: 1 }"
  moveDuration="400ms">
  Target Element
</div>