/Javascript/AngularJS/Angular ng class with animation

Angular ng class with animation

<body [ngClass]="{'short': condition, 'long': !condition }">
  ...
</body>

.short {
  background-color: blue;
  transition: all 0.5s 0s ease-in;
}
.long {
  background-color: red;
  transition: all 1s 0s ease-in;
}

Similar codes

17 votes211 views2 answers
Angular random number between 1 and 10
Javascript AngularJS
0 vote186 views1 answer
How to add jquery.zoom in angular
Javascript AngularJS
0 vote170 views1 answer
How to disable reactive form submit button in Angular
Javascript AngularJS
10 votes205 views5 answers
Angularjs foreach
Javascript AngularJS
0 vote317 views1 answer
Angular cannot access event.target.value of input element using $event
Javascript AngularJS
4 votes236 views3 answers
Pass data from parent to child component angular 8
Javascript AngularJS
1 vote273 views1 answer
Your global Angular CLI version (11.0.2) is greater than your local version
Javascript AngularJS
24 votes184 views1 answer
Angular date formats
Javascript AngularJS
0 vote199 views1 answer
Angular hash sign in url
Javascript AngularJS
0 vote218 views1 answer
Angular get first element ngfor
Javascript AngularJS