Como diseñar menus con efectos 3D usando CSS

Les comparto un enlace donde podrán encontrar un excelente tutorial que les mostrara y les dará los recursos necesarios para diseñar menus con efectos 3D y con perspectiva, de hecho les permitirá emular un dashboard interactivo, en lo particular los efectos que este tutorial de código CSS permite utilizar me recuerdan al Dashboard de la primera Xbox.

El efecto es bastante elegante, el tutorial nos comparte el código para generar 6 estilos diferentes de menus web, más abajo podrán ver las imágenes que muestran los menus pero les recomiendo mejor ver los ejemplos, les aseguro que les permitirá crear diseños web diferentes, al final del post les comparto el enlace para seguir el tutorial y de los ejemplos también

Ejemplos: Menus con efectos 3D y perspectiva

Menus con efectos 3D y perspectiva

PerspectivePageViewNavigation03

PerspectivePageViewNavigation04

Enlace: Codrops | Demo

comment ¿Que opinas?

Artículos recientes

close

Impresionantes esculturas de arena por Susanne Ruseler

Las esculturas de arena son de las más conocidas en el mundo; esto debido a que regularmente se realizan concursos de escultura en lugares paradisíacos y costeros; no obstante, algunos solo están limitados a la…

close

Jin Chair, un ejemplo de diseño sustentable por el diseñador Jin Kuramoto

El diseñador Jin Kuramoto quien es responsable de este diseño para compañía sueca OFFECCT; ha presentado durante la “Salone del mobile 2017” un genial diseño de silla que ha sido definido como: “Ligero como una…

close

Pantone Flowers, un proyecto de color inspirado en flores

Pantone Flowers es un proyecto de color realizado por la diseñadora Adé Hogue; este colorido proyecto nos muestra la manera perfecta de fusión de las pasiones del diseñador en un proyecto. Lo anterior, es debido a…

close

Eat me, una colección tipográfica con letras de caramelo

  Massimo Gammacurta es el responsable de la creación de esta colección tipográfica inspirada en caramelos; estas ilustraciones creativas que reciben el nombre de “Eat me” representan de alguna manera mediante colores y texturas brillantes…

close

play_circle_outline Animación que explica la teoría del color para diseñadores

El día de hoy quiero compartir con ustedes una animación que explica de manera eficiente y convincente los aspecto más importantes de la teoría del color. Esta animación nos lleva desde los aspectos más fundamentales…

close

play_circle_outline Vídeo: Evolución de las cámaras Canon EOS en 30 años

Este es un simple vídeo que muestra la evolución de las cámaras Canon EOS desde hace 30 años, algo que seguro traerá un poco de nostalgia a todos los Canonistas que visitan este blog al…

notifications Recién publicamos
close