: flotar - Trucos CSS | Almanaque CSS 2024

La :hoverpseudoclase en CSS selecciona elementos cuando el cursor del mouse está sobre ellos. Se asocia comúnmente con elementos link ( ).

a:hover ( color: green; text-decoration: underline overline; )

Entonces, cuando un enlace como este se "desplaza" (como con un cursor en un dispositivo con un mouse):

Go to Google

Se volverá verde y tendrá una línea debajo y encima.

En IE 6 y versiones anteriores, :hover solía funcionar solo en enlaces, pero en los navegadores más nuevos, funciona en cualquier elemento. Esto puede ser particularmente útil para cosas como menús desplegables en los que puede esperar el :hover de un elemento de la lista principal y luego revelar el siguiente nivel del menú anidado. Sin embargo, tenga cuidado, los efectos de desplazamiento deben ir acompañados de algún tipo de acción, ya que ha sido un patrón web establecido desde hace mucho tiempo.