Mon. Jan 20th, 2020

Host your Website

Read and learn

Videotutorial Menú 3D Avanzado con HTML/CSS3

1 min read



(Disponible en HD y en Español) En este videotutorial se muestra cómo podemos realizar diseños Web en 3D. Gracias a las transformaciones 3D de CSS3, vamos a poder crear diseños muy avanzados y dinámicos, de forma rápida y sencilla.

CSS3 nos permite trabajar con capas superpuestas en distintos planos, en este video tutorial se mostrará cómo funciona la propiedad transform-style de CSS3, que nos permite indicar a las capas anidadas que mantengan su propio plano 3D. Además, se realizará una demostración sobre cómo funcionan las transiciones, transformaciones y animaciones de CSS3.

¿Te gusta aprender cosas sobre tecnologías web? Visita mi nuevo blog: http://www.antoniohc.com/blog/

27 thoughts on “Videotutorial Menú 3D Avanzado con HTML/CSS3

  1. que tal amigo muy bueno me ayudaste demasiado y de verdad que mis respetos.
    si pudieras crear un tutorial sobre como crear un nivo slider o pudieras apoyarme para poder aprender a realizar uno te lo agradeceria muchisimo.
    saludos y nuevamente que genial video!!!

  2. Hola Antonino, soy Ulises, me agrado tu menú es muy completo y atractivo, me ayudo mucho para un proyecto escolar, pero ahora que tengo que realizar otro proyecto en el que tiene que ser responsive o adaptativo, me atrevo a pedir tu ayuda maestro, y ver la posibilidad de hacer tu menú 3D en Responsive…… que cuando se visualicen los 4 paneles en horizontal en un monitor de PC…. pudiera ser que en un dispositivo móvil se visualizaran 2 paneles en horizontal y debajo de ellos, otros 2 paneles igual en horizontal….. viéndolo desde un dispositivo móvil de manera vertical……….. ocupando toda la pantalla de un movil los 4 paneles del menú…….. muchas gracias por tu tiempo maestro, le doy like y me suscribo.

  3. desde el estilo panel cuando agregas lo del 3d eso no me funciona t dehy en adelante nada me sirve. ya revise mas de 30 veses y vi el video mas de 5 veces y todo esta igual.

  4. Muy buen video Antonio, pero tengo un problema. Cuando pruebo el menu para ver su funcionamiento, la parte cuando retiro el mouse del menu y este debe ocultarse suavememnte solo funciona la primera vez en Firefox y luego ya no funciona despues de la segunda vez. En los otros navegadores no funciona correctamente ninguna vez. Alguien sabe como solucionar este problema, e intentado utilizando el -webkit, pero tampoco funciona. Gracias

  5. hola, buen video. como podria hacer para subir un juego de ajedrez y ponerle un muro interactivo para que los jugadores puedan desafiarse entre si? le agradeceria la ayuda. gracias.

  6. muy interesante pero dos preguntas podia alguien decir ¿como poner un div a continuación de la valla sin que se esta aparezca el largo de los paneles, entre la barra y  el nuevo div? necesitaria tener almenos dos divs la primera como en este video "barra horizontal" y la otra acontinuacion justo de donde quedan los paneles cuando estan escondidos  y que estos ql desplazarse lo hicieran sobe leeste segundo div. gracias

  7. Buenos  Días amigo
    Una pregunta yo puedo desarrollar este menú en Visual 2012 pero en Asp, C#,  para una aplicación Web
    Muchas gracias por su ayuda !!!

  8. Exelente video me suscribo XD …una pregunta.. puedo hacer esto y ponerle a un JSP ??….He estado haciendo lo mismo que tu video pero no me sale los efectos que queria en JSP..o tal vez solo funciona en HTML…
    creo que los css3 no funcionan si asocias con un JSP

     alguien me puede ayudar…GRACIAS!

  9. Dios mio Eres el mejor del mundo….quiero ser como tu jajaja..encerio eres muy bueno…te felicito…yo estoy comenzando con java web y html y he aprendido mas en tus vídeos que cualquier profesor de mi clase jaja..eres una inspiración para los demás que recién están iniciando en html y css3.. Saludos desde Paraguay 

  10. Hola, tengo un problema con los menues, me quedan desnivelados, es decir , el de Noticas queda un poco mas abajo que los demas y el de Deportes mas arriba que los demas. Tambien cuando  gira el panel no se oculta la imagen ni la palabra "Noticia" , 
    Muy buen video, espero que me puedas ayudar con eso!

  11. Buenas noches Antonio,yo tengo un encabezado con una imagen y al ponerle el top:-250px; el menu se superpone a la imagen, como lo puedo hacer para que no pase. Muchas gracias de antemano y muy buenos tus tutoriales.

  12. responde me por favor, estoy intentando hacerlo en APTANA STUDIO 3…y no me funciona, quisiera saber ¿por que?
    ¿y que programa utilizas para hacer estos menus 3D?

Comments are closed.

Copyright © All rights reserved. | Newsphere by AF themes.