/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 vote189 views1 answer
How to trim the file name when length more than 10 in angular
Javascript AngularJS
0 vote197 views1 answer
Angular redirect to external url
Javascript AngularJS
0 vote216 views1 answer
Angular add debounce time before putting valu in subject next
Javascript AngularJS
-1 vote192 views1 answer
Directives in angular
Javascript AngularJS
0 vote225 views1 answer
Angular js sharepoint crud
Javascript AngularJS
0 vote175 views1 answer
Angularjs select placeholder
Javascript AngularJS
1 vote182 views1 answer
Angular architecture patterns
Javascript AngularJS
0 vote190 views1 answer
Angular http async false
Javascript AngularJS
55 votes364 views2 answers
Angular start command
Javascript AngularJS
0 vote192 views1 answer
How to pass basic auth for api in angular 11
Javascript AngularJS