Efecto Hover en Botones y Enlaces
Empecemos diciendo que el efecto Hover de manera general, consiste en la alteración del aspecto grafico de un elemento cuando se sitúa el puntero del mouse sobre este, pero dicho elemento no ha sido seleccionado aún.
Hover como pseudo-clase CSS se presenta cuando el usuario coloca el puntero sobre cualquier elemento HTML. Cualquier regla definida en dicho elemento puede ser sobre escrita.
¿Cómo se aplica Hover?
Como se mencionó ya, Hover se activa cuando el puntero del mouse pasa sobre un elemento HTML. Para aplicar un efecto Hover, se necesita colocar “dos puntos (:)” inmediatamente después del selector CSS y antes de la “llave de apertura” y sin dejar espacios en blanco, quedando de la siguiente forma.
a{color:black;} a:hover{color:red;} |
Con el efecto Hover se puede modificar cualquier regla CSS de cualquier selector. Para un ejemplo mas detallo pueden visualizar el siguiente ejemplo: Efecto Hover en Botones y Enlaces y pueden descargarlo completo aca: Descargar Ejemplo
Bibliografia:
Espero les sea de utilidad, cualquier duda pueden hacerla en la caja de abajo y compartenos en tus redes sociales, eso nos ayudaria mucho.