/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

0 vote123 views1 answer
Shadow class angular
Javascript AngularJS
0 vote128 views1 answer
Formgroup is not property of form angular
Javascript AngularJS
1 vote206 views1 answer
No directive found with exportas 'ngmodel' angular 10
Javascript AngularJS
0 vote230 views1 answer
Angular number pipe to four decimals
Javascript AngularJS
0 vote123 views1 answer
Angular two datepickers
Javascript AngularJS
0 vote121 views1 answer
In object transform translate property concat with rotate value angular 7
Javascript AngularJS
0 vote115 views1 answer
How to place icons on labels in chartjs angular
Javascript AngularJS
1 vote129 views1 answer
Angular JavaScript heap out of memory
Javascript AngularJS
0 vote133 views1 answer
Ng2 validations angular using reactiveforms
Javascript AngularJS
1 vote110 views1 answer
How to use edit button in angular
Javascript AngularJS