Angular Button Click Rotate Icon December 10, 2022 Post a Comment I have the following button Solution 1: You can add a flag in your component as follows: @Component({ ... template: ` <button class="btn btn-primary btn-sm" [ngClass]="{'clicked': isClicked}" type="button" (click)="executeUsecase(usecase.UsecaseId)">> <i class="fa fa-play"></i> </button> ` }) export class Component { ... isClicked: false; executeUsecase(id) { ... this.isClicked = true; } } Copy css: .btn { transition: all 2s ease-out !important; } .clicked { transform: rotate(20deg) } Copy Baca JugaMissing Variables When Refreshing A Page, AngularIgx-calendar Ui For AngularMat Paginator Items Per Page Not Working In Angular 9 Share You may like these postsHow Do I Create This Grid In Html/css (no Js)What Is The Priority Of Styling An Element In Html?Fill An Image In A Square Container While Keeping Aspect RatioHow Can I Display A Header Element Above My Content? Post a Comment for "Angular Button Click Rotate Icon"
Post a Comment for "Angular Button Click Rotate Icon"