CSS transforms and transitions
You can change CSS elements with CSS animations. An animation lets an element gradually change from one style to another. You can change as many CSS properties you want, as many times as you want.
The transform property allow you to rotate, scale, move or skew HTML elements.
The rotate() value is used to rotate an element.
The scale(x,y) value will - as the name suggests - make the element scale to a certain size.
CSS transitions make it possible to change property values smoothly, over a given duration of time.
The transition-property property specify the property that the transition is for
This property is used to define how much time the transition should take from 0-100% complete. By default, the value is set to 0s, meaning that the transition happens right away, but we can "slow down" the process: