Utilizando CSS3 para efectos de hover

10 efectos de hover utilizando css3
10 efectos de hover utilizando css3

La gente de codrops nos demuestra el poder de las transiciones en css3 con estos 10 ejemplos de uso. Es importante destacar que estos ejemplos no utilizan javascript.

Cada uno de estos ejemplos se acompaña de una demo y del código fuente correspondiente para reproducirlo. ¡A probar el potencial de CSS3!

El poder de CSS3 es enorme y en este tutorial veremos cómo explotarlo de manera creativa. Vamos a crear algunos efectos de «hover» sobre miniaturas, utilizando las transiciones de CSS3. Al posarnos sobre las miniaturas, se revelará alguna descripción, utilizando diferentes maneras en cada ejemplo

CSS3 realmente tiene un potencial enorme para crear efectos. Pronto vamos a poder evitar el uso de JavaScript para efectos simples, recayendo 100% en CSS en todos los navegadores. Esperamos que les gusten estos experimentos, pero sobretodo que los inspiren para realizar sus proyectos.

Ir al artículo

Comments

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.