css klausimas

Mokausi css ir iskilo klausimas. Vo, trys kubikai. Isidesto graziai, ir vel gryzta i pradine padeti, tai yra i 0px. Ka darasyt, kad kaip kubikai issideste taip ir pasiliktu? :)

}
#pirmas {
position: absolute;
background-color: black; 
width: 200px; 
height: 200px;
-webkit-animation-name: ride;
-webkit-animation-duration: 0s;
}

@-webkit-keyframes ride {
    from{-webkit-transform: translateX(0px);}
    to{-webkit-transform: translateX(0px);}
}  

#antras{
position: absolute;
background-color: black; 
width: 200px; 
height: 200px;
-webkit-animation-name: ride2;
-webkit-animation-duration: 5s;
} 

@-webkit-keyframes ride2 {
    from{-webkit-transform: translateX(0px);}
    to{-webkit-transform: translateX(200px);}
}

#trecias{
position: absolute;
background-color: black; 
width: 200px; 
height: 200px;
-webkit-animation-name: ride3;
-webkit-animation-duration: 5s;
} 

@-webkit-keyframes ride3 {
    from{-webkit-transform: translateX(0px);}
    to{-webkit-transform: translateX(400px);}
    -webkit-animation-delay: 0;
}

duok linką

-webkit-animation-iteration-count: 1;

-webkit-animation-fill-mode: forwards;

Gali būti ir kitokie, šitas sustoja ant paskutinio frame.

Jap, šitas: -webkit-animation-fill-mode: forwards; Ačiū ;)