diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index dc63ad4..0afdb14 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -2,6 +2,7 @@ import { Component } from '@angular/core'; import { MatButtonModule } from '@angular/material/button'; import { MatIconModule } from '@angular/material/icon'; +import { slidInAnimations, wobbleAnimation } from '../animations/animations'; @Component({ standalone: true, @@ -9,5 +10,12 @@ import { MatIconModule } from '@angular/material/icon'; imports: [MatButtonModule, MatIconModule], templateUrl: './home.component.html', styleUrl: './home.component.scss', + animations: [slidInAnimations, wobbleAnimation], }) -export class HomeComponent {} +export class HomeComponent { + isWobbling = true; + + onwobbleDone() { + this.isWobbling = !this.isWobbling; + } +}