WEFOUNDBasic Animation (HT25)

When you specify CSS styles inside the @keyframes rule, the animation will gradually change from the current style to the new style at certain times.

The following example binds the "example" animation to the <div> element. The animation will last for 4 seconds, and it will gradually change the background-color of the <div> element from "red" to "yellow":

Note: The animation-duration property defines how long time an animation should take to complete. If the animation-duration property is not specified, no animation will occur, because the default value is 0s (0 seconds).