You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
description: Challenge 45 is about learning angular's integrated animation API
3
+
description: Challenge 46 is about learning Angular's integrated animation API
4
4
author: sven-brodny
5
-
challengeNumber: 45
5
+
challengeNumber: 46
6
6
command: angular-simple-animations
7
7
sidebar:
8
8
order: 17
@@ -13,9 +13,9 @@ sidebar:
13
13
14
14
Well-designed animations can make your application more fun and straightforward to use, but they aren't just cosmetic. Animations can improve your application and user experience in a number of ways:
15
15
16
-
- Without animations, web page transitions can seem abrupt and jarring
17
-
- Motion greatly enhances the user experience, so animations give users a chance to detect the application's response to their actions
18
-
- Good animations intuitively call the user's attention to where it is needed
16
+
- Without animations, web page transitions can seem abrupt and jarring.
17
+
- Motion greatly enhances the user experience, so animations give users a chance to detect the application's response to their actions.
18
+
- Good animations intuitively call the user's attention to where it is needed.
19
19
20
20
I would recommend you to read the [official documentation](https://angular.io/guide/animations). You will learn everything that is necessary to successfully complete the challenge.
21
21
@@ -27,12 +27,12 @@ The goal of this challenge is to add animations.
27
27
28
28
## Constraints
29
29
30
-
Don't use any css and utilize angular's integrated `@angular/animations`api.
30
+
Don't use any CSS and utilize Angular's integrated `@angular/animations`API.
31
31
32
32
### Level 1
33
33
34
-
Add a fading or moving animation for the paragraphs on the left side
34
+
Add a fading or moving animation for the paragraphs on the left side.
35
35
36
36
### Level 2
37
37
38
-
Add a stagger animation for the list on the right side
38
+
Add a stagger animation for the list on the right side.
0 commit comments