Creating a Basic Animation in CSS

Use keyframes to create simple animations, adding dynamic effects to your pages.

Source Code

@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}
.animated-element {
    animation-name: example;
    animation-duration: 4s;
}