¡Slider sin JavaScript! Sólo HTML y CSS

Te explico paso a paso cómo crear un slider sencillo pero bonito para tu página web o app móvil.

La programación web ha evolucionado un montón y por eso es vital que conozcas todas sus posibilidades para crear webs espectaculares.

En este tutorial usamos algunas de las más nuevas características de CSS para lograr un slider visualmente sencillo pero muy bonito.

[renzooj]

vine por un slider pero encontré una mina de oro con ese *scroll-snap* no te puedo creer que ese efecto se podía hacer solo con esa línea de css. GRANDEEEE MIDUUUU

[cislsky]

buenisimo y uno aca bajando librerias etc 😂😂

[RankXer]

Gracias Midudev, un buen efecto,
voy a tener que repasar o investigar lo de aspect-radio y lo de scroll-snap-type.
un abrazo, gracias

[astrixwr]

Habia leido por ahi del scroll-snap
Esta genial

[jaimemartin]

Siempre me pregunté como se haría para que el scroll quedara en un punto fijo. Ahora se que es con css y scroll-snap-type x mandatory. Qué facil.
Muchas gracias!

[ByDiamondGod]

Esta buenisimo, pero no sirve para PC, solo celu! Igual sos un crack midu, like <3

[CodeMotionyt]

Gracias midu esto me será super útil para mí tienda online

[carlosalvarado]

Genial midu, gracias por tanto contenido de calidad 🎉

[alzialzimurth]

si funciona crack, gracias por ese propiedad.

[t-nd]

Esto me hubiera servido hace 1 mes pero igual buen video xd

[mp_enjoy]

Y si quiero ponerle un Click a los lados para remplazar el deslizamiento?

[Jorgezzc]

porque a mi me sale distinto, y me sale tambien la barra de navegacion vertical

[robertopaoloramirezmunoz]

¡¡Buenísimo Midu!!
Pregunta... buscando un mejor rendimiento para nuestra aplicación, ¿cuál sería la mejor opción: HTML y CSS o JS?

[CodeMotionyt]

Y si le quisiera poner botones para que sea amigable con PC o ya los incluye por defecto?

[delfinaluna]

Lo use para ver desde el telefono pero el scroll es muy rapido, hay alguna forma de hacer que el scroll baje la velocidad?

[yoanestradablanco]

Me gusto bueisimo para usar con react native

[fernandaii]

Alguien sabe como hacer un modal para descripción de producto, para cada producto... Gracias

[dekia]

trucaso mi pana :v ya estoy pa la nasa xDDD

[jorgedelapuente]

A ver si alguien me puede ayudar porque no me funciona. Me aparecen las barras de scroll

[FranciscoAntonioRiveraViveros]

Lo siento pero en el telefono no funciona