Animation Basics: trigger and state
Define animation states and triggers.
Angular Animations
Angular's animation system is a declarative DSL built on the Web Animations API. You describe states and transitions, and Angular handles the timing and DOM updates.
Setup
Provide animations in your bootstrap config to enable the animation engine.
bootstrapApplication(AppComponent, {
providers: [provideAnimationsAsync()]
});All lessons in this course
- Animation Basics: trigger and state
- Transitions and Timing
- Enter and Leave Animations
- Keyframes and Staggering