正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

CSS no deja de sorprenderme... ¡Mira este SLIDER sin JAVASCRIPT! ✓ Con animaciones ✓ Soporte nativo de móvil ✓ Navegación con marcas ✓ 0 líneas de JavaScript Te dejo el código en el primer comentario ↓

Miguel Ángel Durán

316,857 subscribers

42,161 次观看 • 1 年前 •via X (Twitter)

科学技术艺术教育

Anya Rossi• Live Now

Private livecam show

6 条评论

Miguel Ángel Durán 的头像

Miguel Ángel Durán1 年前

Aquí tienes todo el código y la demo funcionando: Hay algunas cosas que se podrían pulir, pero la idea está ahí.

Tifiem 的头像

Tifiem1 年前

Es una putada que desde el CSS no puedas decidir si quieres que el scroll funcione como un drag como pasa en mobile. Si eso estuviera, ya podrías dejar prácticamente las librerías de carruseles.

Ruslan Gonzalez 🇳🇮👨‍👩‍👧‍👦👨‍💻📺📸👨‍🏫🐶 的头像

Ruslan Gonzalez 🇳🇮👨‍👩‍👧‍👦👨‍💻📺📸👨‍🏫🐶1 年前

Me encanta el lo bien que se ve desde el móvil. ¿Tendrás algún vídeo donde hables sobre él o incluso muestres como está construido? Gracias por la calidad de tus contenidos ♥️

Miguel Ángel Durán 的头像

Miguel Ángel Durán1 年前

Lo hicimos en directo en Twitch, en mi canal de midulive tienes vídeos donde se ve cómo lo hacemos desde cero. :)

jorge 的头像

jorge1 年前

lo mejor es que le podrías meter parallax, locura

Regardless_Behaviorr 的头像

Regardless_Behaviorr1 年前

Quieor aprender a hacer el mismo slider pero que pase automaticamente por si solo las fotos de izquierda a derecha

相关视频

Crea animaciones entre páginas con 5 líneas de código. Te presento las View Transitions de CSS:

Crea animaciones entre páginas con 5 líneas de código. Te presento las View Transitions de CSS:

Miguel Ángel Durán

33,893 次观看 • 1 年前

¡Lo que acaba de llegar a CSS es brutal! Crea sliders con botones sin escribir JavaScript. Con los nuevos scroll-button y scroll-marker-group. ¡Mira la demostración y el código!

¡Lo que acaba de llegar a CSS es brutal! Crea sliders con botones sin escribir JavaScript. Con los nuevos scroll-button y scroll-marker-group. ¡Mira la demostración y el código!

Miguel Ángel Durán

36,260 次观看 • 1 年前

¡Hermosa colección de LOADERS para tu Web o App! » 0 dependencias » CSS puro, sin JavaScript » Código de copiar y pegar » Configurable hasta el último detalle → loadership․com

¡Hermosa colección de LOADERS para tu Web o App! » 0 dependencias » CSS puro, sin JavaScript » Código de copiar y pegar » Configurable hasta el último detalle → loadership․com

Miguel Ángel Durán

117,281 次观看 • 2 年前

¡No uses JavaScript para truncar líneas de texto! Mejor utiliza CSS y la propiedad line-clamp. ✓ Chrome, Edge, Safari y Firefox. Soporte del 97%

¡No uses JavaScript para truncar líneas de texto! Mejor utiliza CSS y la propiedad line-clamp. ✓ Chrome, Edge, Safari y Firefox. Soporte del 97%

Miguel Ángel Durán

23,747 次观看 • 1 年前

¡Nueva API de JavaScript disponible en Chrome 138! Traduce textos con IA. Sin coste, en local y privado. Te enseño cómo funciona y cómo detectar soporte:

¡Nueva API de JavaScript disponible en Chrome 138! Traduce textos con IA. Sin coste, en local y privado. Te enseño cómo funciona y cómo detectar soporte:

Miguel Ángel Durán

37,918 次观看 • 1 年前

Extrae los datos de cualquier página web en 1 minuto. Con 20 líneas de JavaScript ↓

Extrae los datos de cualquier página web en 1 minuto. Con 20 líneas de JavaScript ↓

Miguel Ángel Durán

118,547 次观看 • 2 年前

Llegó el primer creador de apps con IA del mercado compatible con importaciones directas de Figma. El vibe coding en modo fácil. CREAO es un creador de aplicaciones nativo de IA para equipos. Así funciona: (sin código, sin límites)

Llegó el primer creador de apps con IA del mercado compatible con importaciones directas de Figma. El vibe coding en modo fácil. CREAO es un creador de aplicaciones nativo de IA para equipos. Así funciona: (sin código, sin límites)

Miguel Ángel | Educador en IA

114,291 次观看 • 8 个月前

En el primer comentario te dejo este obsequio

En el primer comentario te dejo este obsequio

Maestria Sexual Masculina

10,838 次观看 • 2 年前

¡WOW! Un juego de Billar 3D con JavaScript y ThreeJS. Y totalmente de código abierto:

¡WOW! Un juego de Billar 3D con JavaScript y ThreeJS. Y totalmente de código abierto:

Miguel Ángel Durán

24,361 次观看 • 1 年前

Anima con CSS elementos al aparecer en pantalla. Puedes detectar la posición del scroll sin JavaScript ↓

Anima con CSS elementos al aparecer en pantalla. Puedes detectar la posición del scroll sin JavaScript ↓

Miguel Ángel Durán

33,281 次观看 • 1 年前

¡AUTOMATIZA tareas con CHROME y SIN CÓDIGO! Sin escribir CÓDIGO, usando la opción "Recorder". Además puedes exportarlo a un fichero JavaScript. Aquí tienes un ejemplo de cómo conseguirlo:

¡AUTOMATIZA tareas con CHROME y SIN CÓDIGO! Sin escribir CÓDIGO, usando la opción "Recorder". Además puedes exportarlo a un fichero JavaScript. Aquí tienes un ejemplo de cómo conseguirlo:

Miguel Ángel Durán

151,076 次观看 • 2 年前

Herramienta CSS para lograr efecto blur con transparencias en tu página web. También te da el código de Tailwind:

Herramienta CSS para lograr efecto blur con transparencias en tu página web. También te da el código de Tailwind:

Miguel Ángel Durán

23,362 次观看 • 1 年前

¿Conoces este trucazo? Crea un editor de CSS en tiempo real con pocas líneas de HTML:

¿Conoces este trucazo? Crea un editor de CSS en tiempo real con pocas líneas de HTML:

Miguel Ángel Durán

31,335 次观看 • 1 年前

¡Novedad importante en CSS! POR FIN podremos hacer esto sin JavaScript. Aumentar la altura de un textarea mientras escribes:

¡Novedad importante en CSS! POR FIN podremos hacer esto sin JavaScript. Aumentar la altura de un textarea mientras escribes:

Miguel Ángel Durán

35,078 次观看 • 1 年前

¡Brutal herramienta para hacer scrapping y automatización de páginas web con IA! De código abierto, con lenguaje natural (sin selectores) y compatible con modelos de IA. Te enseño cómo funciona y a extraer información fácil en muy pocas líneas de código:

¡Brutal herramienta para hacer scrapping y automatización de páginas web con IA! De código abierto, con lenguaje natural (sin selectores) y compatible con modelos de IA. Te enseño cómo funciona y a extraer información fácil en muy pocas líneas de código:

Miguel Ángel Durán

86,563 次观看 • 8 个月前

Aquí os dejo unas ideas para entrenar de una forma más funcional. El circuito de luces con el código descuento POLICE está en: Chaleco lastrado también con el código descuento POLICE en: Placas lastradas:

Aquí os dejo unas ideas para entrenar de una forma más funcional. El circuito de luces con el código descuento POLICE está en: Chaleco lastrado también con el código descuento POLICE en: Placas lastradas:

AngelCusto091

22,694 次观看 • 6 个月前

Viajá conectado sin preocupaciones. Con el roaming de kölbi usás tus apps, mapas y redes como en casa. Activá tu plan antes de salir en el primer comentario.

Viajá conectado sin preocupaciones. Con el roaming de kölbi usás tus apps, mapas y redes como en casa. Activá tu plan antes de salir en el primer comentario.

kölbi

297,112 次观看 • 1 个月前

Salí del país sin desconectarte. Con el roaming de kölbi seguís navegando, chateando y compartiendo como en casa. Activá tu plan antes de viajar en el primer comentario.

Salí del país sin desconectarte. Con el roaming de kölbi seguís navegando, chateando y compartiendo como en casa. Activá tu plan antes de viajar en el primer comentario.

kölbi

341,731 次观看 • 4 个月前

Te quedastes sin XUPER? ALTERNATIVA 5. El clon de XUPER MAGIS TV PRO. SIN VPN Así funciona MAGIS TV PRO el clon. Código downloader en el comentario. Se necesita usuario y contraseña También en el comentario Link para celular en el comentario. Ahora SEGUIME.

Sensitive content

Te quedastes sin XUPER? ALTERNATIVA 5. El clon de XUPER MAGIS TV PRO. SIN VPN Así funciona MAGIS TV PRO el clon. Código downloader en el comentario. Se necesita usuario y contraseña También en el comentario Link para celular en el comentario. Ahora SEGUIME.

De Banfield hasta el cajon

337,789 次观看 • 4 个月前

Este será el primer juego 4K nativo de Nintendo?

Este será el primer juego 4K nativo de Nintendo?

Danikyo

44,428 次观看 • 1 年前