From 8bc222b5056aa129be93fa8cf3c9e0a3d0d1363b Mon Sep 17 00:00:00 2001 From: "J. Degand" <70610011+jdegand@users.noreply.github.com> Date: Wed, 14 Aug 2024 05:44:56 -0400 Subject: [PATCH] docs(angular): add complex sequences content (#6560) --- .../complex-sequences@Unjknmb4b2LY-nUVvvF7_.md | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/src/data/roadmaps/angular/content/complex-sequences@Unjknmb4b2LY-nUVvvF7_.md b/src/data/roadmaps/angular/content/complex-sequences@Unjknmb4b2LY-nUVvvF7_.md index a44781c50..f89208eeb 100644 --- a/src/data/roadmaps/angular/content/complex-sequences@Unjknmb4b2LY-nUVvvF7_.md +++ b/src/data/roadmaps/angular/content/complex-sequences@Unjknmb4b2LY-nUVvvF7_.md @@ -1 +1,15 @@ -# Complex Sequences \ No newline at end of file +# Complex Sequences + +Angular lets you animate coordinated sequences, such as an entire grid or list of elements as they enter and leave a page. You can choose to run multiple animations in parallel, or run discrete animations sequentially, one following another. + +The functions that control complex animation sequences are: + +- `query()`: Finds one or more inner HTML elements. +- `stagger()`: Applies a cascading delay to animations for multiple elements. +- `group()`: Runs multiple animation steps in parallel. +- `sequence()`: Runs animation steps one after another. + +Visit the following resources to learn more: + +- [@official@Angular Official Docs - Complex Sequences](https://angular.dev/guide/animations/complex-sequences) +- [@video@Angular Animations: Animating multiple items in parallel](https://www.youtube.com/watch?v=RPdR7HzNQIw) \ No newline at end of file