Animations in Angular/

...

/

Quiz Yourself: Third-party Animation Libraries

Quiz Yourself: Third-party Animation Libraries

Test your knowledge of third-party animation libraries!

We'll cover the following...
Technical Quiz
1.

(Select all that apply.) Which of the following are ways to trigger a bounce animation from animate.css in an Angular application?

A.
<div class="animate__animated animate__bounce"></div>
B.
<div class="animate__animated" [class.animate__bounce]="startAnimation"></div>
C.
@ViewChild('box', { static: true }) box: ElementRef;

startAnimation(): void {
    this.box.nativeElement.classList = 'animate__animated animate__bounce';
}
D.
<div class="animate__animated" [ngClass]="{ 'animate__bounce': startAnimation }"></div>
E.
<div class="animate__animated" [class]="{ 'animate__bounce': startAnimation }"></div>
1 / 5
...