hover
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde diciembre de 2018.
La característica de medios CSS hover, puede se utilizada para probar si el mecanismo de entrada primario de un usuario puede flotar sobre los elementos.
Sintaxis
La característica hover es especificada como un valor de palabra clave elegida de la siguiente lista.
none-
El mecanismo de entrada primario no puede flotar o no puede convenientemente flotar (es decir, algunos dispositivos mobiles emulan la flotación cuando el usuario presiona inconvenientemente por bastante rato la pantalla), o no hay mecanismo de puntero primario.
hover-
El mecanismo de entrada primario puede convenientemente flotar sobre los elementos.
Ejemplo
HTML
<a href="#">Try hovering over me!</a>
CSS
@media (hover: hover) {
a:hover {
background: yellow;
}
}
Resultado
Especificaciones
| Especificación |
|---|
| Media Queries Level 4 # hover |