div[data-scroll="true"]{
    transition: .6s;
}
div[data-animate="left"] {
    transform: translateX(-5%);
    opacity: 0;
}
div[data-animate="right"] {
    transform: translateX(5%);
    opacity: 0;
}
div[data-animate="top"] {
    transform: translateY(-5%);
    opacity: 0;
}
div[data-animate="bottom"] {
    transform: translateY(5%);
    opacity: 0;
}
div[data-scroll="true"].show{
    transform: translate3d(0, 0 ,0) !important;
    opacity: 1 !important;
}