Animation

The Keyframes are used in CSS animations to define the styles an element will have at various times. The @keyframes rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence. This gives more control over the intermediate steps of the animation sequence than transitions. You can define keyframes using the @keyframes rule. Once you have set up the synchronization of the animation, you need to define the appearance of the animation. This is done by establishing two or more keyframes using the @keyframes rule.

You can test for this property with our tool.