jueves, 22 de agosto de 2013

CSS 3 - Transiciones para cambio de tamaño.

¿Has notado que si redimensionas la ventana del navegador con Gmail abierto los distintos elementos de la pantalla cambian automáticamente de tamaño en una animación suave?.

Esto se puede realizar utilizando JavaScript o jQuery, pero también se puede lograr usando las Transiciones CSS3 y selectores @media.

Hacerlo con CSS3 recrea del mismo modo las animaciones de las transiciones como con jQuery pero es infinitamente mucho más fácil, con menos código y más legible.

Veremos ahora entonces como hacerlo con CSS3