/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

2 votes260 views1 answer
Remove single item from array in angular
Javascript AngularJS
0 vote290 views1 answer
How to create a component in angular using terminal
Javascript AngularJS
0 vote300 views1 answer
Vs 2019 how to publish angular environment prod
Javascript AngularJS
4 votes269 views3 answers
Angular pipe first letter uppercase
Javascript AngularJS
0 vote299 views1 answer
Why my style not come to angular 11
Javascript AngularJS
9 votes286 views4 answers
Scroll to top when routing angular
Javascript AngularJS
0 vote304 views1 answer
Collapse in angular 4
Javascript AngularJS
0 vote273 views1 answer
How to decrease the size of js files build from angular
Javascript AngularJS
4 votes274 views1 answer
Clear angular formarray
Javascript AngularJS
0 vote265 views1 answer
Angular navbar is overlaying content
Javascript AngularJS