- Видео 19
- Просмотров 255 052
CodeGlitch
Мексика
Добавлен 6 сен 2013
Aquí podrás encontrar videos sobre desarrollo web con diferentes tecnologías que te permitirán desarrollar habilidades Front End, y conseguir incluso tu propio empleo.
Como CREAR una VENTANA MODAL o POP UP solo con HTML y CSS3 desde CERO | ¡No necesita javascript!
Crea un perfecto MODAL o POP UP utilizando unicamente HTML y CSS.
Código a los 50 likes 👀
Código a los 50 likes 👀
Просмотров: 654
Видео
Como crear un SLIDER AUTOMATICO PERFECTO con HTML & CSS3 totalmente RESPONSIVE
Просмотров 9 тыс.Год назад
Aprende a crear este slider automatico tan solo usando HTML y CSS3 totalmente responsive con maquetación moderna.
Crea un PERFECTO EFECTO PARALLAX con HTML & CSS super facil! En solo 4 MINUTOS desde 0
Просмотров 1,9 тыс.Год назад
Con HTML & CSS crearemos un EFECTO PARALLAX para que pueda usarlo dentro de tus propios proyectos y le des un estilo más llamativo.
SLIDER CON BOTONES desde cero con CSS3 y HTML5 TOTALMENTE RESPONSIVE en tan SOLO 7 minutos!
Просмотров 9 тыс.Год назад
A los 50 likes dejare el proyecto para que lo descarguen. Crea este Slider con botones utilizando HTML y CSS3 utilizando recursos modernos de CSS que harán mas optimo y responsive el slider. 00:00 Intro 00:05 Recursos para crear el Slider 00:32 HTML del Slider 01:59 CSS del Slider 06:45 Resultado - Recursos: - scroll-snap-type: developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type - flex: d...
Como hacer un SLIDER de TEXTO con HTML y CSS3 desde 0
Просмотров 4,6 тыс.2 года назад
#slider #html #css #development Te enseñare de una manera super facil, como crear un slider de texto usando unicamente HTML5 y CSS3
Como ANIMAR EL FONDO de tu PÁGINA WEB con DEGRADADOS con CSS3 desde 0 en MENOS de 3 minutos
Просмотров 2,4 тыс.2 года назад
Aprende como animar el fondo de tu página web utilizando degradados con HTML y CSS en menos de 3 minutos.
Como CREAR una VENTANA MODAL ó POP UP con HTML CSS y JAVASCRITP completamente DESDE 0!
Просмотров 7 тыс.2 года назад
Te voy a enseñar a crear desde 0 una ventana modal la cual te ayudara a utilizar este recurso en cualquier proyecto que tu quieras. ▼¡SÍGUEME EN MIS REDES!▼ ✔TWITTER: YoshCorona ✔INSTAGRAM: yoch.sc
COMO HACER un SLIDER AUTÓMATICO con HTML & CSS en SOLO 4 MINUTOS | De 0 al 100% | NIVEL SUPER EASY!
Просмотров 25 тыс.2 года назад
Este slider automático es uno de las mas sencillos ya que solo necesitaremos de dos etiquetas en HTML y algo de estilos. ▼¡SÍGUEME EN MIS REDES!▼ ✔TWITTER: YoshCorona ✔INSTAGRAM: yoch.sc
SLIDER INFINITO AUTOMATICO únicamente con HTML & CSS desde cero en MENOS DE 7 MINUTOS
Просмотров 39 тыс.2 года назад
Te enseñare a crear un slider automático infinito utilizando únicamente HTML & CSS con tan solo algunas líneas de código. Si tienes alguna duda deja tus comentarios abajo. Recursos Código : *Se sube enlace cuando llegue a 20 likes* ▼¡SÍGUEME EN MIS REDES!▼ ✔TWITTER: YoshCorona ✔INSTAGRAM: yoch.sc
DARK MODE facilmente con un TOGGLE BUTTON desde 0 | HMTL CSS JS
Просмотров 13 тыс.2 года назад
DARK MODE facilmente con un TOGGLE BUTTON desde 0 | HMTL CSS JS
Imágenes 100% RESPONSIVE con CSS & HTML con SOLO 5 LÍNEAS DE CÓDIGO *Sin Media Queries
Просмотров 31 тыс.2 года назад
Imágenes 100% RESPONSIVE con CSS & HTML con SOLO 5 LÍNEAS DE CÓDIGO *Sin Media Queries
Como crear un CARD COMPONENT para tu sitio web con HTML & CSS desde 0
Просмотров 4,9 тыс.2 года назад
Como crear un CARD COMPONENT para tu sitio web con HTML & CSS desde 0
COMO hacer un SLIDER AUTOMATICO PERFECTO con HTML y CSS en MENOS DE 9 MINUTOS *desde cero*
Просмотров 103 тыс.3 года назад
COMO hacer un SLIDER AUTOMATICO PERFECTO con HTML y CSS en MENOS DE 9 MINUTOS *desde cero*
Amigo utilicé el keyframe tal cual pusiste en Sass pero no se mueven mis imagenes
fijate si pusiste scroll en el keyframes
@@javidesarrolloweb Lo puse no sé que pasó, solucioné copiando y pegando pero hice todo igual
Todo genial pero quiero que a la vez las imágenes sean automáticas y se muevan solitas con esos puntitos abajo incluido 😭
Muchas gracias!!
tu slider no funciona y no respondes a lo que te preguntamos en el min 5:06
Gracias grande, te pasaste.
Hola, quería saber cómo puedo hacer que el slider vaya de forma vertical? Lo quería poner en los bordes de mí página
Buen dia CodeGlitch recien termine el programa te agradezco saludos pase buen dia
sos el MEJORRRRRRRR, me funciono un montonnn
gracias RECIEN ESTOY APRENDIENDO Y QUERIA AGREGAR UN SLIDER VI COMO 4 VIDEOS NINGUNO ME FUNCIONO Y ENSERIO GRACIAS LO LOBRE TE GANASTE UN SUSCRIPTOR
TE GANASTE UN SUSCRIPTOR GRACIAS POR DEJARNOS EL CÓDIGO 😄😄 🎉🎉🎉
solo me muestra en el slider una imagen ya lo volvi hacer y hace lo mismo
Hola, ¿es posible hacer un carrusel, automático y manual con únicamente html y css? ya que mi sitio no me permite utilizar scripts y no puedo usar javascript :( , buen video por cierto :D
Ayuda, aparecen las 4 imágenes al mismo tiempo, no se centran y desaparecen todas al mismo tiempo en la animación
<3
Muchas Gracias me sirvió demasiado.
bro en el minuto 5:08 se ve que hay líneas que no explicaste, te iba a dar like :/
Excelente video
Ufff maquina no te imaginas cuanto tiempo llevaba tratando de hacer eso, eres un duro!
las imagenws deben ser del mismo tamaño ?
Se puede poner un enlace en cada imagen?. lo bajé y lo personalicé, pero me interesa el punto de agregar un enlace. Gracias.
si, le agregas un a para link
Me salvaste, excelente explicación y rápido, otros videos duran hasta 30 minutos, este me encantó❤
Grande 🫡
¿porque dejaste de subir videos bro?
Soy bien flojo para grabar jajaja
no funciona bro, no corre la animación, que podrá ser?
No lo sabria sin ver el código bro :(
thx me ayudaste a darle un detalle mas a mi proyecto
Un placer bro!
PD: Tokio es una ciudad jajaja 🥹
muchísimas gracias, eres muy amable y fue fácil entender
Hola!! En el minuto 5:06 hay un cort y no se ve el resto del codigo. Por favor, podrias pasar el codigo completo?
gracias
Como podría hacer que también funcione en responsive? O que se vea el efecto en celulares?
Ya es responsive como está
Oigan saben por qué las imagenes salen pegadas y no una por una?
Por el tipo de animación, puedes intentar por steps y así te puede aparecer diferente
GRACIAS MUY BUENO
🙌
Hola, te falto algo del codigo, en el 5:06 pasas de la linea 28 a la linea 38.
Te falto mostrar parte del código. No me funciona.
se puede en vertical?
Si seguro que si, jamás eh intentando uno, pero si debe ser posible
se puede hacer en vertical?
Tengo uno en vertical
@@codeglitch1884 puedes pasarme el video para analizar el código y entender como lo haces?
Genial! Gracias por compartir
🙌
Hola, necesito ayuda :c no me sale, estoy tratando de hacer funcionar la animación, yo tengo sólo 3 imágenes Te muestro lo que llevo de código: .slider-frame { align-content: center; width: 800px; height: auto; overflow: hidden; margin: 50px auto 0; } .slider-frame ul{ display: flex; padding: 0; width: 300%; animation: slide 9s infinite alternate ease-in-out; } .slider-frame li { list-style: none; width: 100% } .slider-frame img{ width: 100% } @keyframes slide { 0% {margin-right: 0%} 25% {margin-right: 0%} 30% {margin-right: -100%} 55% {margin-right: -100%} 60% {margin-right: -200%} 85% {margin-right: -200%} }
Estás dejando tiempo libre tienes que dividir esos 9s entre las tres imágenes, la primera del 0 al 32, la segunda 33 al 66- tercera del 67 al 100 y así ya usas el 100% de tiempo
Hola, como puedo hacer para que las imagenes se sigan moviendo en la misma direccion de manera indefinida? es que no me gusta cuando termina y todo se devuelve de manera rapida. Gracias
Puedes cambiar el tipo de animación, quizá ponerle alternate en vez de infinite y eso te dará un resultado diferente
Muchas gracias despues de varios videos con la misma tematica fuiste el que me dio el resultado que esperada. Exito!
Grande bro! 🙏
hermano en el minuto 5:06 hay un corte y despues aparecen unas barras de codigo que no explicaste antes del corte esta en la linea 27 y despues pasa a la 38, porfa si puedes pasar esas lineas te lo agradezco
Como hago lo de @keyframe con 5 imagenes? No he podido con el calculo de los porcentajes del inicio de cada linea: ¿?% {margin-left: 0%;}
Divide tus 5 imágenes entre el 100% del tiempo es decir cada 2 segundos pasaría una imagen
Que buena explicación amigo, FELICITACIONES.
Grande amigo! 🫶🏻
Hola esta genial, suscrita! Este efecto se podria insertar en google sites? Como podria hacerlo? Gracias
Si tienes un CMD puedes hacerlo desde el editor, y ahí insertarlo!
Me ayudaste a comprender mejor el min-width y el max-width para el responive desing en general, te lo agradezco :)
Es muy fácil usar bro, sigue dándole🤜🏻🤛🏻
Espectacular! Gracias
Grande bro! 🙌
Excelente tutorial, me sirvió mucho!! Ya andaba pensando como hacerlo con Javascript o librerías cuando existe esta manera mas sencilla y optima, gracias :)
Un placer bro! 🤜🏻🤛🏻
Muchas gracias maestro!!
🫶🏻
La verdad que explicas muy bien amigo. Mil gracias.
¡Gracias crack!
5:52
Bro he visto tu canal y eres excelente explicando! Deberías dar algún curso de paga, yo sin dudas lo pagaría!
Muchas gracias bro’ lo voy a considerar 🫶🏻