0Pricing
Angular Academy · Lesson

Enter and Leave Animations

Animate elements entering and leaving.

Animating Presence

Often you want elements to animate as they appear or disappear, for example when an item is added to or removed from a list. Angular provides the :enter and :leave aliases for this.

void and Presence

An element not in the DOM is in the void state. Entering means void => * and leaving means * => void.

All lessons in this course

  1. Animation Basics: trigger and state
  2. Transitions and Timing
  3. Enter and Leave Animations
  4. Keyframes and Staggering
← Back to Angular Academy