FOLLOW ME!

SOCIAL NETWORK

AFILIAME
Not A Single Song
Para más botones, haz clic aquí

CSS: efecto hover

2 may 2014

Muchas de las propiedades de CSS que van a encontrar en la lista quedan muy bonitas si hacemos que sean diferentes cuando pasamos el mouse por encima de algo. Lo que nos sirve para esto es el :hover. Y sirve para cualquier elemento.

¿Cómo lo usamos? Bueno, hagamoslo con un ejemplo para hacerlo más sencillo: tomemos el caso de las imágenes. Cuando van al código del blog, la propiedad que habla de las imágenes es img (aunque puede aparecer como post-img o diferente, segun de qué imágenes se trate) Y si yo quiero que cambie el efecto, entonces deberé agregar img:hover.

Como ya dije, sirve para cualquier elemento. Por lo tanto a cualquier elemento que quieren cambiar un efecto al pasar el cursor por encima, deben incluirlo un hover. Así que recuerden, a partir de ahora, hover = al pasar el cursor. Y siempre se agrega así: elemento:hover Por ejemplo, a:hover (para los links), img:hover, blockquote:hover, etc.

Quizás es un poco dificil de verlo pero cualquier cosa, me dejan un comentario y lo vemos!

No hay comentarios :

Publicar un comentario