Archivo de la etiqueta: CSS

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

Lista de Propiedades CSS3

El CSS3 es cada vez más soportado por los nuevos navegadores, y naturalmente su uso se hace cada vez más común. Hace algunas semanas publique dos entradas con un total de diez propiedades CSS3 comúnmente usadas (Parte 1 y Parte 2) donde se explica la sintaxis y los efectos que producen. Hoy le paso el trabajo a otro sitio que tiene una lista muy completa con las propiedades CSS3 comunes y experimentales.

Sigue leyendo Lista de Propiedades CSS3

Introducción a CSS y CSS Avanzado – Dos Libros Gratuitos

Por suerte hay gente que crea libros técnicos de muy buena calidad y decide darlos a la comunidad, en este caso se trata de dos libros que ahondan en las técnicas de diseño CSS. El creador de los libros, que tienen 223 y 151 páginas, es Javier Eguíluz Pérez y se encuentran para la descarga en formato PDF totalmente gratis.

Sigue leyendo Introducción a CSS y CSS Avanzado – Dos Libros Gratuitos