Merida Design Blog

Publicado el | Snippets / , , , , ,

Navegación móvil offcanvas con CSS

Como desarrolladores autodidactas una de las formas mas efectivas para aprender es mirando código, copiándolo y haciendo pequeños cambios para entender lo que sucede con cada una de las partes del código, es por esta razón que decidí comenzar este tipo de publicaciones las cuales serán únicamente ejemplos de experimentos con css y javascript con su respectivo código fuente.

Objetivo del demo

El objetivo de este ejemplo es mostrar como a través de las animaciones aceleradas por hardware de CSS3 y un poco de interacción con javascript, podemos obtener el efecto de navegación oculta (offcanvas) que se encuentra en la mayoría de las aplicaciones móviles.

See the Pen Offcanvas Mobile Navigation by Iván Villamil (@ivillamil) on CodePen.

Conclusión

Si crees que el ejemplo puede ser un poco mas completo o hay algo en particular que te gustaría poder ver en él, puedes hacer la sugerencia a través del siguiente formulario o en los comentarios.



Publicaciones que pueden interesarte

    Deja un comentario

      tope
    Derechos Reservados, Merida Design 2017
    %d bloggers like this: