.slide{    
    width:100%;
    height:100%;   
    position:fixed;
    overflow: hidden;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    background-attachment:fixed;  
    background-color: black;   
    left:0px;
    top:0px;    
    z-index:-5;
}

.slide.last{
    z-index:-2;
}
.slide.current{
    z-index:-1;
    animation-name: slideAnimationLeft;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count : 1;
    animation-timing-function: ease;
}
@keyframes slideAnimationLeft{    
        from{transform : translateX(5000px)}
        to{transform : translateX(0px)}        
}