Mostrar los tags: hover

Mostrando del 1 al 8 de 8 coincidencias
<<>>
Se ha buscado por el tag: hover
Imágen de perfil

Menú emergente al obtener el foco o pasar el ratón


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Agosto del 2020 por Katas (47 códigos)
677 visualizaciones desde el 21 de Agosto del 2020
Código que muestra un menú emergente interactivo desplazandose hacia la derecha al obtener el foco, o al pasar el ratón por encima.

left: 100% Mueve el menú emergente el 100% del ancho de su padre desde la izquierda.
.reference: hover> .popout-menu Significa que cuando se coloca el cursor sobre .reference, seleccione los elementos secundarios inmediatos con la clase .popout-menu y cambie su visibilidad a visible, que muestra la ventana emergente.
.reference: focus> .popout-menu Significa que cuando .reference está enfocado, se mostrará la ventana emergente.
.reference: focus-within> .popout-menu Asegura que la ventana emergente se muestre cuando el foco está dentro de la referencia.

menu-emergente
Imágen de perfil

Botones interactivos


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Abril del 2020 por John Alexander (10 códigos)
1.486 visualizaciones desde el 8 de Abril del 2020
En este código podrás ver cómo hacer 3 botones interactivos los cuales activan una sombra de neón cuando colocas el cursor sobre alguno de ellos.

(No responsive)


Captura-de-pantalla-203