@keyframes slideInLeft
    0%
        transform: translate3d(40px, 0px, 0px)
    100%
        transform: none

.slide-in-left
    animation-name: slideInLeft

@keyframes slideInRight
    0%
        transform: translate3d(-40px, 0px, 0px)
    100%
        transform: none

.slide-in-right
    animation-name: slideInRight

@keyframes slideInUp
    0%
        transform: translate3d(0px, 40px, 0px)
    100%
        transform: none

.slide-in-up
    animation-name: slideInUp

@keyframes slideInDown
    0%
        transform: translate3d(0px, -40px, 0px)
    100%
        transform: none

.slide-in-down
    animation-name: slideInDown