🎁🎊 Curso de HTML, CSS y JAVASCRIPT Facil desde Cero 2022 !!! / ( Curso de HTML5 para principiantes) - ¡Construye un Carrusel 3D con HTML y CSS SIN JavaScript! 🚀

4.0 (0)

9 learners

What you'll learn

This course includes

9.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

3d carousel 3d carousel slider responsive reactive animation responsive image slider how to create image slider css image slider web development javascript image slider slider css desarrollo web desde cero desarrollo web frontend

Full Transcript

Aprende a construir un impresionante carrusel 3D solo con HTML y CSS. Este tutorial te guía para crear efectos de escalado y animaciones al usar CSS animations. Descubre cómo lograr este efecto interactivo, ideal para web design y web development. Veremos paso a paso: 1. Estructura básica del HTML para el carrusel. 2. Cómo aplicar transformaciones 3D con CSS (`transform-style`, `perspective`, `rotateY`). 3. Cómo distribuir y posicionar los “paneles” en círculo. 4. Animación automática y controles para navegar manualmente. 5. Consejos para adaptar el diseño a móviles y mejorar la experiencia de usuario. 00:00 Intro 00:51 Estructura HTML 02:51 Estilos CSS 29:57 Outro 🔔 **¡No olvides suscribirte** para más contenido de frontend y diseño web! 👍 Dale “Me gusta” si te ha gustado el video, y deja en los comentarios tus dudas o sugerencias. Link del Proyecto: https://github.com/donidhernandez/cool-css-animations/tree/main/3d-carousel Mis Links: Web: https://donispot.com Twitter/X: https://x.com/donidhernandez LinkedIn: https://www.linkedin.com/in/adonaidominguez/ Discord: https://discord.gg/GSRzDPNnPS Canal secundario: https://youtube.com/channel/@UCrFue4qPMs-SzzQC6ijRREQ