Archivo de la etiqueta: animation

Animaciones con CSS3

Las animaciones realizadas con CSS3 lentamente se abren paso en remplazo de Javascript, cierto es que con ellas no podemos lograr animaciones demasiado complejas, ni tampoco podemos esperar que funcionen en navegadores obsoletos como Internet Explorer, incluso no estoy seguro de que funcionen correctamente en la versión 10, que pocos tienen a la hora de escribir esta publicación.

Para implementar una animación con CSS3 tenemos que usar las funciones CSS3 animation y @keyframes. La sintaxis de las mismas no tiene muchas complicaciones, en el caso de animation se trata de la llamada corta, pudiendo, usando las llamadas individuales, definir todos los parámetros de la animación por separado; personalmente prefiero ésta versión por que ocupa mucho menos código. Veamos un ejemplo súper sencillo, un CD que cuando le pasamos el mouse por arriba gira utilizando la función CSS3 transform : rotate.

cd

Sigue leyendo Animaciones con CSS3