Use @keyframes to create detailed animations with multiple steps.
Source Code
@keyframes slidein {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}
.slide {
animation: slidein 3s forwards;
}