Menú

Organismos

Nombre

Se refiere al nombre que se le dará en el css y a la clase con que identificaremos cada organismo (o bloque). Para este organismo será:

.o-menu

Descripción

💡

Para ver cuánto miden cada breakpoints ir a medidas de breakpoints

Desktop (breakpoints Xl y Lg)

Tablet (breakpoints Md, Sm)

Menú normal

Menú normal

Menú desplegado

Menú desplegado

Teléfono (breakpoints Xs, Xxs, X0)

Menú normal

Menú normal

Menú desplegado

Menú desplegado

Behavior

Las animaciones de este organismo serán:

  • FadeInDown → Esta animación será al inicio cuando cargue la página.

  • FadeIn → Esta animación ocurrirá cuando el menú pase de background transparente al color especificado.

💡

Puedes conseguir esta animación en la siguiente página: animate.style

Icono de cierre del menu

Cómo te podemos ayudar