/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 vote182 views1 answer
Default selected radio button angular material
Javascript AngularJS
-1 vote202 views1 answer
How to do a timer angular
Javascript AngularJS
0 vote186 views1 answer
Is it possible to filter with multiple condition in angularjs?
Javascript AngularJS
0 vote175 views1 answer
Use node js as backend with angular frontend
Javascript AngularJS
0 vote289 views1 answer
Command to check dependencies in angular
Javascript AngularJS
0 vote191 views1 answer
Angular indexeddb
Javascript AngularJS
2 votes179 views1 answer
Angular current year
Javascript AngularJS
0 vote184 views1 answer
How to write a test case for dropdown selection change in angular 9
Javascript AngularJS
37 votes399 views2 answers
Short date angular pipe
Javascript AngularJS
0 vote277 views1 answer
Invalid and touched property of angular
Javascript AngularJS