/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 vote208 views2 answers
Referrer Policy: strict-origin-when-cross-origin angular
Javascript AngularJS
5 votes209 views3 answers
Angular formarray remove all
Javascript AngularJS
0 vote192 views1 answer
Angular checkbox disabled
Javascript AngularJS
0 vote189 views1 answer
How to install popper.js in angular 9
Javascript AngularJS
0 vote214 views1 answer
Hide element when pressing button angular
Javascript AngularJS
0 vote208 views1 answer
Cannot find name 'Position' angular
Javascript AngularJS
0 vote239 views1 answer
Angular $http abort request
Javascript AngularJS
0 vote207 views1 answer
Angular rxjs-compat is uptodate
Javascript AngularJS
0 vote206 views1 answer
How to add jquery.zoom in angular
Javascript AngularJS
3 votes180 views1 answer
Start angular app server
Javascript AngularJS