/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 vote98 views2 answers
Angular detect navigation change
Javascript AngularJS
0 vote105 views1 answer
Ngcc failed angular 9
Javascript AngularJS
6 votes114 views2 answers
Angular encode ur on route changes
Javascript AngularJS
3 votes103 views1 answer
Angular copy
Javascript AngularJS
0 vote134 views1 answer
Xs s font angular
Javascript AngularJS
0 vote96 views1 answer
How to add dropdown with filter in angular material
Javascript AngularJS
1 vote104 views1 answer
Angular directive output
Javascript AngularJS
1 vote96 views1 answer
Dynamic component angular parameters
Javascript AngularJS
0 vote102 views1 answer
ERROR in ./src/app/pages/auth/auth.module.ngfactory.js Module not found: Error: Can't resolve '@angular/material/core/index'
Javascript AngularJS
0 vote94 views1 answer
Angular 9 dockerfile
Javascript AngularJS