Transform, transition

Transformaciones

Los transform nos permiten cambiar la presentación sin cambiar el HTML y no impacta en la ubicación del resto de los elementos

tranform:tipo(cantidad);

tranform:tipoX(cantidad);

tranform:tipoY(cantidad);

tranform:tipo(cantidadX, cantidadY);

tranform:tipo(cantidad), tipo(), tipo();

tipo - rotate, skew, rotate scale

Reciben también valores negativos

Se puede aplicar dos transform separando con espacios

transition-timing-function:ease; rápido y se frena

transition-timing-function:ease-in; lento a rápido

transition-timing-function:ease-out; rápido a lento

transition-timing-function:ease-in-out; lento - rápido - lento

transition: all 2s linear; se pone todo en una sola línea

transition-delay:3s; después de cuanto tiempo empieza la transición