.superscale-effect {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.superscale-effect-out {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

 

.slide-effect-out {
    filter: grayscale(1);
    opacity: 0;
    transform: translatex(100vw);
    transition: 0.3s ease-out;
}

.slide-effect-in {
    filter: unset;
    opacity: 1;
    transform: translatex(0);
    transition: 0.3s ease-in;
}