Introduction to Angular animations

Angular comes with solid native support for animations since motion and transition are a major part of any application.

Angular has a built-in animation engine, which also supports and extends the Web animations API that runs on most modern browsers.

We have to install Angular animations separately in your project folder. We will create some examples for animations in the following sections.

Installing the Angular animations library

As we discussed earlier, Angular animations have been forked out as a separate library and need to be installed separately.

In this section, we will discuss how to get the latest Angular animation version and install it; follow these steps:

1. Get the latest Angular animations library.

You can install it using the following npm command:

npm install @angular/animations@latest --save

Running the preceding command will save the latest version of the Angular animations library and add it as a dependency in the package.json file.

2. Verify the latest...