/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 vote339 views2 answers
Animate on scroll angular
Javascript AngularJS
0 vote340 views1 answer
Slice pipe in angular
Javascript AngularJS
-1 vote377 views2 answers
How to navigate to previous page in angular
Javascript AngularJS
0 vote322 views1 answer
Angular show text in template before data loads
Javascript AngularJS
38 votes454 views6 answers
How to add bootstrap in angular
Javascript AngularJS
2 votes268 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
4 votes342 views2 answers
Ws.browser regeneratorRuntime is not defined angular
Javascript AngularJS
0 vote321 views1 answer
Angular tab change smooth transition
Javascript AngularJS
0 vote350 views1 answer
Angular stoppropagatio
Javascript AngularJS
0 vote329 views1 answer
Angular get name of component
Javascript AngularJS