Translations:SVG-Dashboards/72/en

A rule containing two keyframes would look like this:

 
@keyframes <keyframe name> {
from: { description of the initial state of the element }
to: { description of the final state of the element }
}

Here from and to keywords denote the start and end points of the animation. Instead, you can use 0% and 100%, as well as add intermediate values.