Challenge: Create a Bounce on Click Animations

Problem statement

Use each of the third-party animation libraries to create a bounce animation that’s triggered when the target element is clicked. The starter app contains four identical elements containing the name of the animation library. Add the bounce animation to each element using their respective animation library. Feel free to adjust the bounce animation configurations, as long as the element bounces up and down on hover.

Coding exercise

We'll be using a single component to create the animation: app.component.ts, app.component.html, and app.component.scss.