SLIDER INFINITO AUTOMATICO únicamente con HTML & CSS desde cero en MENOS DE 7 MINUTOS 

Descarga el archivo aquí! ⬇ drive.google.com/drive/folders/1O_VXn8wgqs_LYvnwfQkdByHKV06F96yd?usp=sharing

Muchas gracias despues de varios videos con la misma tematica fuiste el que me dio el resultado que esperada. Exito!

Gracias por ser tan claro y compartir tus conocimientos! Funciona perfecto!

Muchas gracias bro, muy buen video.

Muchas gracias por este video!

Fácil, corto y conciso, muchas gracias por el tutorial 😊

Excelente tutorial, me sirvió mucho!! Ya andaba pensando como hacerlo con Javascript o librerías cuando existe esta manera mas sencilla y optima, gracias :)

gracias, amigo que crack me ayudaste mucho Fácil, corto y conciso que agradable sujeto

Me remil salvaste hermano, super Like!!!

MUCHAS! Muchas gracias.. estuve peleando con esto bastante tiempo y no encontraba como hacerlo

Genial! Gracias por compartir

te amo hermano, llevo buscando esto 3 días

Genio maaaaaaaaaaaaaaaaal!! gracias bro!

Que crack me ayudó mucho este tutorial 🎉🎉🎉🎉

Muchísimas gracias bro me fue de gran ayuda 😅

Gracias amigo, me sirvió de mucho.

todo un crack, lo úncio que modifiqué fue que todos los logos me los convierta a escala de grises, 80 segundos de duración y un espacio de 20px, de ahí quedo perfecto, muchas gracias.

Genio total

Genial hombre gracias.

Fino hermano me sirvio...!!!

Top! 🔝

ERES EL MEJOR NADIE COMO TU

Exelente, buena explicación. Podrías hace uno con texto Lorem que sea infinito

Muy buen video!! Bien explicado y rápido. Solo tengo una duda, si quiero que el movimiento vaya más rápido cómo debería hacer?

Hola amigo, hice lo mismo pero con 3 imagenes, y lo que pasa es que ya cuando se acaban los seg de la animación, sigue corriendo el slider y como corre hacia la izquierda, deja la mitad del campo del slider que osn los 75vw con imagenes y la otra con el color del fondo que tiene tu body, entonces mi pregunta es, como le hago para que el slider sea infinito y nomas corra hacia la izquierda y nunca dejen de aparecer las imagenes?, con 7 que tu pusiste si se puede, ppero con 3 pasa eso que te digo

Saludos cordiales .. excelente

buenas en vez de poner cada imagen en un div , si pongo todas en un div solo como el slider manual servira igual ??

hola, una pregunta, hago todo , pero la ultima foto llega al lado izquierdo, de ahi queda en blanco hasta que empieza de nuevo, como hago para que quede infinito, es decir que se repita desde la primer foto cuando llegue a la ultima, para que no quede ese lapso de tiempo en blanco?

Buenas tardes hermano, muy bueno el video tutorial pero yo estoy haciendo un bocle while y no se cuantas img hay en la base de datos y tu lo estas haciendo con calc(200px * 14) como hacemos =??? por que tengo super mas de 14 img

similar pero con fotos? que ocupen toda la pantalla y muestre cada foto? con fotos a 1080p al menos 10 es posible? lo intente pero despues de 5 me las manda al renglon de abajo y no se ven al ejecutarse

Rxcelete video! muy bien explicado, el slider funciona excelente en Microsoft edge, que es el que esta como navegador en el VSC, pero si lo abro en Chrome, Opera, y Firefox NO SE VE NADA, y le coloque el -wekittransform: translate. como lo puedo arreglar?

Muito obrigado pelo video, ajudou muito. Abraços hermano

pero el html se repite dos veces, y cuando lo colocamos en un crud, ocasionamos que la información se haga 2 veces la peticion gastando recurso. habrá alguna forma de que el html no tengamos que repetirlo?

Te ganaste mi suscripción

buenas, llego un poco tarde pero bueno, la duda es como hago para bajar el slider al final de la sección, porque intento con un padding-top al 100% y tampoco funciona, gracias

Una pregunta...se puede hacer lo mismo pero en vez de imagenes poner cartas?? y sin javascript??

Buenazo

bro la animación se reproduce bien pero al llegar al final del slider-track esta no es continua y aparece un gap sin logos hasta que la animación se repite de nuevo, como puedo arreglarlo?

me salio !!! gracias

Muy bueno! y rapidisimo , hay alguna forma de que no corte o nose note tanto el corte cuando vuelve a empezar ?

hola muchas gracias por el video, tenia una duda, como puedo hacer para que una vez termine de mostrar las imagenes vuelva a empezar a cargarlas, a mi me aparece solo las imagenes hasta el final de las que tengo y la unica forma que aparecen todas nuevamente es cuando recargo la pagina, de lo contrario no aparece nada

Que tal estimado, muy bueno el tutorial, muchas gracias. Mi pregunta es como pauso el slider al poner el mouse encima de algún logo?

me encanto eh me ayudaste buenisimo puedes hacer uno de 3d?

Hola! ¡Muchas gracias! ¿Cómo puedo añadirlo a mi wordpress cuando ya tengo el index.php y el style.css? ¡Gracias!

Tengo un inconveniente porque ya traté de hacerlo de esa manera y no resuelvo que: la animación no se corte. No hay una manera de NO colocarle un tiempo, ya que es infinito, y que el slide no deje de recorrer? porque sino hay que duplicar las imagenes una y otra vez y no es conveniente la repeticion de codigo.

GRACIAS MUY BUENO

Una pregunta. A cada imagen se le puede agregar un link?

Está genial amigo, muy bien explicado muchas gracias. Sin embargo en mi caso en la parte inferior de las imágenes me aparece una barra de desplazamiento horizontal que es innecesaria y además malogra el diseño deseado. Alguna idea de por qué haya pasado esto amigo ? Muchas gracias de antemano y nuevamente Felicitaciones por el video, muy útil :)

Hola buenas noches hermano exelente video que Dios te siga dando esa sabiduría hermano y una pregunta cómo haría para que en vez de estar arriba ese slaider este abajo hermano

Hola buen video, sin embargo cuando se acaban los logos se reinica la animación y vuelve a empezar de golpe. como podría hacer para que fuera infinito?

segui tus pasos , al pide la latra pero en el navegador no me aparecen las imagenes ,ayuda :( por favor

De igual forma hay un corte pasados los 40s, ¿Alguien sabe como quitarlo para no tener ese inconveniente?

Bro, si me sirvió, muchas gracias, pero tengo un menú en poisition fixed y el slide lo atraviesa, a parte el div q me sigue abajo queda muuuy lejos del slide

logre crear el slider pero no logro hacer que las imagenes se pongan una al lado de la otra , algun detalle del error

que puedo hacer si estan con diferente tamaño mis imagenes? seria de gran ayuda tu respuesta

EXCELENTE VÍDEO BRO SI SE PUEDE UN TUTORIAL DE UN SLIDER MANUAL SOLO CON CSS Y HTML

Hola, está genial el slide bro, pero cómo hago para que el sentido del slider sea para el otro lado, intenté cambiando los keyframes y avanza para el otro lado pero se acaban los logos y se queda en blanco hasta que se vuelva a repetir la animación. Me gustaría lo mismo pero en sentido contrario, gracias :)

Hola, fue un muy buen video pero tengo una duda, ¿como puedo ponerle un espacio entre cada imagen?, espero tu respuestan :D

hola, en caso de que quiera que el slider se vea a la mitad de la pagina y no arriba como puedo hacer? Por cierto muy buen video

Pero se repiten por que duplicaste las imagenes, cuando llega al final se corta y comienza de nuevo.🤔

esta tremendo en desktop, pero en mobile no me funciona, tenes idea de porque?

si tengo 11 imagenes, que porcentaje debo usar?

Como puedo hacer para que el slider sea en vertical?

El sonido de Roblox al colocar los slide 🤣🤣🤣🤣🤣

Hola amigo muy bueno el video , pero como hago para que en vez de que sean imágenes sea un texto

Holaaa, podrías hacer un video tutorial de como hacer una página tipo de csgo osea, entras a una pagina de csgo donde abris cajas, y ves que tiene la animación de girar de forma horizontal ? xD no sé si me explique JAJA y hacer que quede en medio el objeto que haya quedado ?:P

Como puedo hacer lo mismo pero vertical ?

se puede hacer en vertical?

hola tengo una duda

puedes compartir el codigo? plss

Bro enseña como hacer una timeline

ayudaaaaa necesito hacer uno de solo letras, por favor

Todo esto te puedes ahorra utilizando el elemento marquee y ya xd

mas de 20 like y el codigo no esta xD, si puedes subir el codigo bien, gracias igualmente