/Javascript/AngularJS/Angular tab change smooth transition

Angular tab change smooth transition

.mat-tab-body {
    animation: fade-out 0.5s;
    opacity: 0;
}
.mat-tab-body.mat-tab-body-active {
    animation: fade-in 0.5s;
    opacity: 1;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

Source: stackoverflow.com

Similar codes

0 vote318 views1 answer
Animate change of class angular
Javascript AngularJS
0 vote361 views1 answer
Angular scroll event on div chang width
Javascript AngularJS
0 vote328 views1 answer
How to import all material module in angular
Javascript AngularJS
1 vote300 views1 answer
Setinterval in angular 6
Javascript AngularJS
0 vote282 views1 answer
Angular cli command to skip tests
Javascript AngularJS
0 vote308 views2 answers
Fs in angular
Javascript AngularJS
0 vote306 views3 answers
Stripe angular
Javascript AngularJS
0 vote321 views1 answer
Angular build deploy url
Javascript AngularJS
0 vote346 views1 answer
Sweetalert angular 8
Javascript AngularJS
3 votes305 views3 answers
Disable input angular
Javascript AngularJS