.animate{
    opacity:0;
    transition:all .8s ease;
    will-change:transform, opacity;
}

.animate.show{
    opacity:1;
}

/* Fade Up */
.fade-up{
    transform:translateY(50px);
}

.fade-up.show{
    transform:translateY(0);
}

/* Fade Down */
.fade-down{
    transform:translateY(-50px);
}

.fade-down.show{
    transform:translateY(0);
}

/* Fade Left */
.fade-left{
    transform:translateX(-50px);
}

.fade-left.show{
    transform:translateX(0);
}

/* Fade Right */
.fade-right{
    transform:translateX(50px);
}

.fade-right.show{
    transform:translateX(0);
}

/* Zoom In */
.zoom-in{
    transform:scale(.8);
}

.zoom-in.show{
    transform:scale(1);
}

/* Zoom Out */
.zoom-out{
    transform:scale(1.2);
}

.zoom-out.show{
    transform:scale(1);
}

/* Rotate */
.rotate{
    transform:rotate(10deg);
}

.rotate.show{
    transform:rotate(0);
}