Uso de transiciones

Es una propiedad que nos ayuda a animar objetos

Formato ideal para uso de transiciones: propiedad, duracion de transicion, demora (delay), curva de animacion. Ejemplo: transition: all 2s 0.1s ease;

Transicion: Ease

Que hace: movimiento y cambio de color

Transicion: Ease-in

Que hace: movimiento y cambio de color

Transicion: Ease-out

Que hace: movimiento y cambio de color

Transicion: Ease-in-out

Que hace: movimiento y cambio de color

Transicion: Linear

Que hace: movimiento y cambio de color

Transicion: Ease-in

Que hace: cambio de tamaño y de color

Transicion: Linear

Que hace: cambio de tamaño de fuente y de color

Transicion: Ease-in-out

Que hace: rotacion total