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

Tips de fotografía según el tipo de lente que utilices

Les comparto una serie de infografías realizadas por Canon en la que nos ofrecen algunos tips de fotografía según el tipo de lentes que utilicemos, cada infografía abarca un tipo de lentes distinto desde los…

close

Atajos de teclado de Adobe Photoshop y Lightroom, perfecto para fotógrafos (PC/Mac)

Si te gusta la fotografía y utilizas Adobe Photoshop y Adobe Lightroom entonces este par de cheat sheets con todos los atajos de teclado para estas aplicaciones te serán de mucha utilidad, cada imagen trae…

close

Infografía: Como identificar buenos y malos clientes

Identificar buenos y malos clientes es siempre una de las premisas en cualquier trabajo independiente; por un lado tenemos aquellos que valoran tu trabajo y retroalimentan con buenas sugerencias laborales. Mientras que de otro lado…

close

Geniales paisajes 3D elaborados en libros viejos por Guy Laramee

El arte es el vehículo más rápido y eficaz para transmitir una idea; tal es el pensamiento de Guy Laramee quien ha creado estas geniales esculturas que elevan la idea de que el conocimiento es…

close

play_circle_outline Convierte tu taza de café en un creativo cargador para teléfono

La creatividad no tiene limites sobre todo si buscas una manera de resaltar de todos los demás; es por eso que te traemos una idea creativa y amigable con el medio ambiente. Esto debido, a…

close

Templates imprimibles de Google Pixel para mockups gratis

Excelente recurso gratuito para diseñadores de aplicaciones móviles, se trata de unos templates imprimibles de Google Pixel perfectos para hacer tus mockups de aplicaciones móviles para este dispositivo, este excelente aporte es gracias al diseñador…

notifications Recién publicamos
close