[data-anime] { opacity: 0; transition: .5s }
[data-anime].animate { opacity: 1; transform: translate3d(0px, 0px, 0px); }

[data-anime="fade"] {
    opacity: 0;
}
[data-anime="rotateLR"] {
    transform: rotate(-180deg);
}
[data-anime="rotateRL"] {
    transform: rotate(180deg);
}
[data-anime="left"] {
    transform: translate3d(-50px, 0, 0);
}
[data-anime="leftBig"] {
    transform: translate3d(-200px, 0, 0);
}
[data-anime="right"] {
    transform: translate3d(50px, 0, 0);
}
[data-anime="rightBig"] {
    transform: translate3d(200px, 0, 0);
}
[data-anime="top"] {
    transform: translate3d(0, -50px, 0);
}
[data-anime="topBig"] {
    transform: translate3d(0, -200px, 0);
}
[data-anime="bottom"] {
    transform: translate3d(0, 50px, 0);
}
[data-anime="bottomBig"] {
    transform: translate3d(0, 200px, 0);
}
[data-anime="scale"] {
    transform: scale(0.5);
}
[data-anime="scaleBig"] {
    transform: scale(0.1);
}