Estadísticas del código: Menú emergente al obtener el foco o pasar el ratón - CSS

Imágen de perfil
Val: 493
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

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)
720 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

78 visualizaciones durante los últimos 90 días


11
0