Ejercicios con CSS – Funcion Hover – Animación


cssAl codigo que habiamos utilizado con anterioridad, vamos a incluirle algunas propiedades de transiciones CSS3 (webkit).

Que son las Transiciones CSS3 (webkit)?

Con CSS3 podemos añadir efectos cuando cambiamos de un estilo a otro, sin utilizar animaciones Flash ni Javascript.

No obstante, esta función requiere navegadores modernos y actualizados. Por ejemplo: Internet Explorer 9 o versiones anteriores no son capaces de reproducir las transiciones. Asi tambien, Chrome 25 y versiones anteriores requieren que se incluya el prefijo -webkit- para renderizar dichas animaciones.

Como funciona?

Las transiciones CSS3 son efectos que gradualmente cambian el estilo de un elemento a otro estilo diferente. Para poder usarlos debemos incluir dos parametros:

1.- Especificar la propiedad CSS al elemento al que quieres añadir la transicion
2.- Especificar la duración de la transicion.

Si te interesa el resto de este ejercicio CSS3, visita El Foro donde podras verlo bajo el titulo Ejercicios con CSS – Funcion Hover – Animación

Saludos!