Mark
#1

Hola de nuevo, en esta ocasión comparto un simple menú de color negro, tiene un degradado y un pequeño relieve, en mi opinión se ve muy elegante por eso le puse ese nombre :), es muy fácil tenerlo para sus webs, si están construyendo alguna y este menú les combina perfecto de seguro se vera muy bien :D bueno pasemos a la explicación, antes que nada quiero aclarar que no tiene ningún efecto en particular, solo un degradado, es un menú simple pero bonito, el degradado esta implementado con CSS3.

copia y pega el siguiente código css en donde tengas los estilos de tu web, si usas blogger busca ]]></b:skin> y arriba pega el siguiente código

See the Pen Untitled by eltorga (@eltorga) on CodePen.

Pega el siguiente código HTML en donde quieras el menu:

See the Pen Untitled by eltorga (@eltorga) on CodePen.


Remplazan lo que deseen en su menú así como también pueden quitarles y agregarle nuevos <li>.

Lo que esta en rojo controla el tamaño que tiene de ancho el menú, cambian el valor por un numero mas alto o mas bajo dependiendo de que tan grande o pequeño deseen el menú

Despues de terminar tendran un menu como este:

See the Pen Untitled by eltorga (@eltorga) on CodePen.


Como ven es un simple menu, ligero, simple pero elegante, espero les haya gustado :D
si tienen algun problema no duden en dejarlo en un comentario ;)

image quote pre code
Compartir: