@keyframes rule property in CSS

A simple @keyframes property example:

@keyframes pnlmove {}

Laboratory

description & Usage

The keyframes rule determines the code and name of the animation.

At the beginning of your documents, you can specify different styles for your animation and then activate your animation with keyframes.

Note: You can have multiple keyframes for multiple animations.

The numbers inserted in the browser fields indicate the version that supports the @keyframes property.

#	Chrome	Edge	Firefox	Safari	Opera
@keyframes

@keyframes animationname {keyframes-selector {css-styles;}}

Values	Description
animationname	This value is very important and determines the name of the animation.
keyframes-selector	This value is very important and determines the percentages of the animation duration.
css-styles	This value is very important and applies several css styles to the animation.

CSS tutorial: CSS animations