Buscar un código de CSS

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.

Simple menú de opciones incluido dentro de un cuadro de altura fija, el cual permite mover el menú con flechas o rueda del ratón al ponernos encima del mismo.

Menú realizado en puro CSS Compatible. Varios efectos posibles con eventos del mouse, sin JavaScript...

Veamos el código del ejemplo.

Menú vertical de posición fija. Fue parte de un proyecto... Y, ha acabado en LWP por mención de Xve. En fin, aquí está.



Espero sea útil.

Un saludo

Menú utilizado para las paginas web que necesitan implementar un menú que aparezca y desaparezca cuando nuestra web esta en responsive para utilizar en un móvil o tablet.
Este código de CSS3, muestra un recuadro el cual al ser pulsado se desplegará un menú hacia la derecha haciendo un simple efecto.

Menú que permanece fijo con respecto al scroll; posicionable en la parte superior o inferior de la página con un click en la imagen (Logo). Está simplificado al máximo, basado en cambios de estilos con JavaScript.
Probado en: IExplorer 8 y 9, Firefox 3.6 y 4, Safari 4x.

Ejemplo de un menú horizontal utilizando únicamente estilos.

Ejemplo de un menú vertical utilizando únicamente estilos.

Código que muestra como poner un menú superior con estilos, y que se vaya desplegando hasta cuatro niveles al ir pasando el ratón por encima sin utilizar javascript.

Un sencillo menú horizontal compatible con la mayoría de dispositivos y navegadores actuales.

Con muy pocas líneas de código, se pueden conseguir atractivos efectos.