[data-san=fade]{opacity:0;transition-duration:1s}.fade{opacity:1}

[data-san=slideLeft]{opacity:0;transform:translateX(150px);transition-duration:1s}.slideLeft{opacity:1;transform:translateX(0)}
[data-san=slideRight]{opacity:0;transform:translateX(-80px);transition-duration:1s}.slideRight{opacity:1;transform:translateX(0)}

[data-san=slideTop]{opacity:0;transform:translateY(100px);transition-duration:1s}.slideTop{opacity:1;transform:translateY(0)}
[data-san=slideBottom]{opacity:0;transform:translateY(-50px);transition-duration:1s}.slideBottom{opacity:1;transform:translateY(0)}

[data-san-delay="200"]{transition-delay:.2s}
[data-san-delay="400"]{transition-delay:.4s}
[data-san-delay="600"]{transition-delay:.6s}