/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 vote245 views1 answer
Youtube movie trailer angular
Javascript AngularJS
0 vote223 views2 answers
Angular 4 "Property does not exist on type component"
Javascript AngularJS
1 vote184 views3 answers
Dynamically add id ro div in angular using forloop ngfor
Javascript AngularJS
1 vote204 views4 answers
Angular 11 features
Javascript AngularJS
0 vote195 views1 answer
Angular cli spec test false
Javascript AngularJS
0 vote187 views1 answer
How to specify max number of character angular mat input
Javascript AngularJS
0 vote146 views1 answer
Install bootstrap in angular 9 stack overflow
Javascript AngularJS
4 votes197 views2 answers
Angular pipe to capitalize first letter
Javascript AngularJS
0 vote169 views2 answers
Check if item is already registered in angular angularfire site:stackoverflow.com
Javascript AngularJS
1 vote189 views2 answers
Angular route change scroll to top
Javascript AngularJS