.revealBox-left [class*="reveal-"]{
    opacity: 0;
    transform: translateX(-30px);
}
.revealBox-right [class*="reveal-"]{
    opacity: 0;
    transform: translateX(30px);
}
.revealBox-bottom [class*="reveal-"]{
    opacity: 0;
    transform: translateY(30px);
}
.revealBox-top [class*="reveal-"]{
    opacity: 0;
    transform: translateY(-30px);
}



[class*="reveal-"]{
    transition: 1s cubic-bezier(.5,0,0,1);
}
.reveal-2{
    transition-delay: .1s;
}
.reveal-3{
    transition-delay: .2s;
}
.reveal-4{
    transition-delay: .3s;
}