.fx{
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: ease;
}
.fx.fx-r{ transform: translate3d(-100px, 0, 0); }
.fx.fx-l{ transform: translate3d(100px, 0, 0); }
.fx.fx-u{ transform: translate3d(0, 100px, 0); }
.fx.fx-on{
    opacity: 1;
    transform: translateZ(0);
}
.fx.fx-d150.fx-on{ transition-delay: 150ms; }
.fx.fx-d300.fx-on{ transition-delay: 300ms; }
.fx.fx-d600.fx-on{ transition-delay: 600ms; }
.fx.fx-d900.fx-on{ transition-delay: 900ms; }