programador

iván albizu

Main Blog

Blog

Menú apple con css

Menú apple con css

Menú apple con css, construido usando Sass.

En este artículo quería compartir como he reproducido el menú de navegación de la web de Apple, sin usar imágenes, sólo con degradados de css3 y jugando con los bordes para crear los diferentes botones. Se obtiene también las sombras y los bordes redondeados.

El aspecto que no he tratado de reproducir ha sido el último botón, el de la búsqueda.

Para realizar el menú he usado SASS para ahorrar un poco de tiempo, y para que cada cambio en colores o degradados suponga cambiar menos información en la hoja de estilos, ya que con sass se pueden usar variables, funciones y otras muchas cosas.

Aquí se puede ver la hoja de estilos .scss

Aquí el contenido del archivo .html

Me gustaría destacar la comprobación del navegador del usuario, para saber si usa una versión de internet explorer inferior a la 9, para que pueda visualizarse correctamente.

Si quieres descargare el menú y probarlo directamente, puedes hacerlo en el siguiente enlace.

Descargar menú apple con css

 

Esta entrada tiene 0 comentarios

Deja un comentario





Time limit is exhausted. Please reload CAPTCHA.