OmbuShop Crea Tu Tienda Online

Navegación off-screen utilizando sólo CSS

  • Facebook
  • Twitter
  • LinkedIn
  • StumbleUpon
  • Email
  • RSS

Cómo ocultar y mostrar una botonera de navegación off-screen utilizando sólo CSS, sin una sola línea de JavaScript!

Muy de vez en cuando se encuentra una idea realmente reveladora, una técnica maravillosa hecha con las herramientas que estaban al alcance de todos, pero cuya utilización de aquella manera particular no se nos había ocurrido.

Es exactamente lo que ocurre en este caso. Me topé, por suerte, con el código de Austin Wulf, en donde muestra de forma magistral cómo generar una interacción con un click, sin la necesidad de utilizar JavaScript. En resumen: el uso de un checkbox, el pseudo-selector :checked y el selector para siblings.

¡La maravilla!

See the Pen Pure CSS Off-Screen Navigation Menu by SitePoint (@SitePoint) on CodePen.0

Artículo original de Austin Wulf: Pure CSS Off-screen Navigation Menu.

Tags: , ,