Real World Use Cases
Apply what we've learned about CSS animations to some common use cases.
We'll cover the following...
CSS animations have certain characteristics that make them ideal candidates for animations:
- They have infinite iterations.
- They have multi-step keyframes.
- They have entrance and exit animations.
These traits, mixed with Angular’s class-binding system, form the perfect combination for the use cases we’ll cover in this lesson.
Let’s take a look at some practical applications of CSS animations.
Infinite loader
A loader communicates to the users the current state of the application. Used effectively, a loader can avoid frustration for the end users by telling them what the application is doing. For example, when a page loads and the app waits for a response from the server, the app displays a blank white screen. From the user’s perspective, this could be confusing because they wouldn’t know if the app is working ...