.slideanim {
    visibility:visible;   /*hidden*/
    visibility:visible\9;/*For old IE browsers IE6-8 */
}

.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 0s;
}

.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}

@keyframes slide {
    0% {
        opacity: 1;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}