lunes, 4 de marzo de 2013

Video Tutorial Menú 3D Avanzado con HTML/CSS3 (Máster en Tecnologías Web)

(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.


10 comentarios:

  1. Excelente tutorial, algún github donde ver los ejemplos, hay propiedades del css que nombraste pero no logre verlas bien en la resolución de mi pantalla, saludos

    ResponderEliminar
    Respuestas
    1. Muy buenas Carlos, gracias por tu comentario.

      Lo siento, no subo los códigos, es un privilegio que guardo solo para mis alumnos (algún privilegio debían tener xD). Pero estaré encantado de ayudarte siempre que tengas algún problema o consulta.

      El video está en HD, si lo máximizas y subes la calidad al máximo podrás ver todas las propiedades perfectamente, si aún así no ves alguna bien, dime cuál no ves, o el segundo del vídeo e intento aclarártelo. Un Saludo!

      Eliminar
    2. Gracias por la respuesta, entendido :), voy a hacer lo que indicas y ver si logro verla, sino lo estaré molestando un poco más con la propiedad que no logre ver, gracias por la respuesta, saludos estaré pendiente de mas entradas como estas

      Eliminar
  2. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  3. Hola y muchas gracias por el video, aunque no me funcionan algunas cosas que debe ser por el navegador chrome, entre ellas la transición que haces en el minuto 25 para que el panel vuelva y suba pero lentamente, me funciona pero antes de hacer la animación y los frames; pero luego de hacer la animación ya no me funciona. Algunos problemas los solucioné con el -webkit- pero este problema no pude y me ayudarías mucho con esto, pues tu vídeo esta genial...Gracias

    ResponderEliminar
  4. Hola, buen tutorial, mira copie todo el codigo y me salio ala perfeccion, pero me pasa una cosa extraña, lo guardo , y cuando lo vuelvo abrir , cuando paso el raton por encima del panel baja da la vuelta y no se mantiene , sube las pestañas, y mira que cuando lo guarde iva bien jeje es una paranoia , luego de toquetear el texto pero dejarlo igual y guardar ya va bien , cierro la pagina la vuelvo abrir y no se queda de nuevo baja y sube, que puede ser?gracias.

    ResponderEliminar
  5. Que tal solo quería decirte que es un buen tutorial, me funciono muy bien lo unico que tengo duda es como hacer para que funcione en otros exploradores ya que solo en firefox me funciona a mi y si quisiera por lo menos que me corriera en chrome, muchisimas gracias

    ResponderEliminar
  6. hola disfrutado el tutorial , pero tuve un problema en 25 minutos en el panel de cromo no bajó , estaba en el mismo lugar cuando se pone el ratón sobre , utilizan el -webkit- Pero no podía hacer nada.
    ¿Crees que me podría ayudar

    ResponderEliminar
  7. hola me puedes decir si es necesario utilizar el prgrama en el cual tu estas desarrollando o puedo hacerle en c# csharp...no me funciona la funcion 3d ..cual es motivo

    ResponderEliminar

  8. Hola buenas tardes señor Hernández , mi nombre es Dayane y he estado observando toda su obra ya hace algún tiempo , y yo tenía mucha curiosidad por tratar de pasar el día del Proyecto 4 de marzo de , 2013 No soy capaz de funcionar por completo , lo haría Les pido que me envíe los códigos para que pueda comparar y revisar dónde y lo que hice mal , estoy teniendo el mismo problema que otros usuarios de Internet podrían enviar a mí por favor e-mail ? Espero su contacto, ya agradecido!

    ResponderEliminar