/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 vote115 views1 answer
Update angular website firebase
Javascript AngularJS
0 vote109 views1 answer
How to do if condition in kedo column in angular
Javascript AngularJS
1 vote92 views1 answer
Angular passing data to child component
Javascript AngularJS
5 votes103 views4 answers
Generate guard angular
Javascript AngularJS
0 vote112 views3 answers
Get local storage data in angular
Javascript AngularJS
0 vote101 views1 answer
How to trim the file name when length more than 10 in angular
Javascript AngularJS
0 vote99 views1 answer
Trim angular material input with ellipsis
Javascript AngularJS
3 votes112 views2 answers
How to set default route in angular
Javascript AngularJS
0 vote95 views1 answer
Angular httpclient query params not working
Javascript AngularJS
-1 vote103 views2 answers
How to navigate to previous page in angular
Javascript AngularJS