Tutorial de transiciones con CSS3 y HTML5

Publicado el Por admin
0 0
Read Time:45 Second

En este breve tutorial se explica el uso de las propiedades Transition y Transform de CSS3 que sirven para modificar los valores de una propiedad de CSS como el color de fondo, la posición o el tamaño de un objeto que puede ser una <section> <div> <h1> o cualquier otra etiqueta del HTML.

Vale la pena mencionar que estos efectos de CSS3 no funcionan en todos los navegadores, por ejemplo, en internet explorer, sólo a partir de la versión 10. para firefox, google chrome y safari hay mayor soporte con -moz- y -webkit-

El uso es muy sencillo, perímetro hay que determinar los valores iniciales del objeto y posteriormente con la pseudo clase :hover indicar el estado final del objeto, es decir, escribir el código con los valores modificados de las propiedades.

Dejo aquí el video y los archivos html y CSS 

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleppy
Sleppy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *