lets you rotate, scale, skew, or translate a given element.
a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay
Transitions enable you to define the transition between two states of an element.
CSS transitions allows you to change property values smoothly, over a given duration.
The @keyframes CSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence.
a shorthand property for the various animation properties: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state.