Animation Timing Functions in CSS

Use timing functions like ease-in, ease-out, and linear in animations for more dynamic effects.

Source Code

.animated {
    animation: slidein 3s ease-in-out;
}
@keyframes slidein {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(100%);
    }
}