Angular Animations Skill

Approach Priority

1. animate.enter / animate.leave — modern Angular API, prefer for element enter/leave
2. CSS classes + signals — for state-based animations (open/closed, toggle)
3. View Transitions API — for route transitions
4. Legacy @angular/animations — only if already used in the project; do not introduce in new code

animate.enter

Animates an element as it enters the DOM. Angular adds the specified CSS class when the element appears, then removes it once the animation completes.