[data-anime]{
    opacity: 0;
    transition: .3s;
}

[data-anime="left"]{
    transform: translate3d(-50px, 0, 0);
}

[data-anime="right"]{
    transform: translate3d(50px, 0, 0);
}

[data-anime="top"]{
    transform: translate3d(50px, -50px , 0);
}

/* CRIA A CLASSE ANIMATE PARA SER ADICIONADA DINAMICAMENTE COM JAVASCRIPT */
[data-anime].animate{
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}