Como fazer um SLIDESHOW com HTML e CSS | Higor Feijó

Nesse vídeo eu ensino a fazer um slideshow com 5 imagens usando apenas HTML e CSS.
Nesse vídeo eu falo sobre o input radio e manipulação de imagem no css.
Link das imagens:
1: www.mediafire....
2: www.mediafire....
3: www.mediafire....
4: www.mediafire....
5: www.mediafire....
#programação #html #css

[@waldirsilvaesteves8279]

Parabéns, muito bacana, funcionou perfeitamente, e vc tem uma boa didática para explicar o que está ensinando, muito obrigado.

[@McMiau]

ótimo vídeo. Só senti falta de um link com o código completo pra estudo e testes.

[@yanghyuga5422]

Que didática linda, o vídeo fica muito mais longo que o normal mas por que ele explica o por que de cada coisa resolveu mtas dúvidas minha parabéns

[@margareteborges3903]

Verdade

[@andrecesar4232]

Cara, comecei a estudar HTML/CSS/JS a mais ou menos um mês, estou fazendo cursos e acabei parando aqui pra tirar um duvidas, queria elogiar muito a tua didática, muito boa mesmo.

[@tiagobarroso2027]

e ai man? conseguiu alguma coisa estudando programação? to meio na duvida se realmente vale a pena, sabe?

[@PRIMODEV-OFICIAL]

coloca legenda nos seus videos man que o pessoal da gringa te assistir certeza conteudo top unico canal que achei fazendo isso usando so CSS parabens man s2

[@CooldyValorant]

Obrigado mano!Esses videos na internet agregam muito no aprendizado,e é de grande ajuda para quem vai se profissionalizar depois. Ps: no meu caso não coloquei fotos.Eu precisava inserir topicos de texto com uns videos demonstrativos ao lado mas eram muitos e ocuparia espaço então criei um label personalizado e inseri o conteudo no slider

[@Unknown-rg1jj]

Estou querendo fazer um, mas é sem imagem e sim com links, é possível isso? todos os vídeos que eu vi de slide é usado imagens. Sou iniciante na programação.

[@robsonmedeiros5000]

Velho, você nasceu pra ensinar. Nem alguns cursos pagos não transmitem a forma fácil de fazer algo como você faz. Parabéns e muito obrigado.

[@RenardBergson]

O melhor vídeo que já vi de slides estilo carrossel até hoje. Inclusive até adaptei algumas coisas. Didática impecável.

[@henriquelenz7594]

Parabéns mano, seus vídeos são mto bons, explica com calma e de forma clara, me ajudou bastante

[@jumatosj]

O único que eu consegui fazer, pela maneira de explicar e por conseguir enxergar o conteúdo da sua tela!! Muito obrigada :) Queria aplicar no código para o slide correr sozinho..

[@ChameleonCode]

Da pra fazer com Javascript

[@jumatosj]

@@ChameleonCode sim, você poderia ensinar? E junto, ensinar como manter com o hover o branco na imagem selecionada?

[@fabiojosedasilva5402]

Parabéns, aula Top. Obrigado por compartilhar. Ajudou muito no meu aprendizado.

[@evandromottaz]

Cara sensacional e fica muito mais leve fazer com css do que usando JavaScript. Parabéns 👏

[@LittleBegin]

Rapaz, que tutorial foda viu. Não imaginava que desse para fazer sem JS. Muti bacana!

[@grazieliandrade323]

OBRIGADA, não faz ideia do quanto esse vídeo me ensinou e me salvou ! ! !

[@andersonsouza6885]

Sem palavras só tenho a dizer (Parabéns) continuei assim, e vc tem uma excelente didática ensina passo a passo o que vai acontecer com cada comando... Show 👏

[@isabellarodrigues8289]

Funcionou perfeitamente! O vídeo ficou muito bom, a sua didática é maravilhosa

[@pedrocfreitas]

explica muito muito bem... consegui aprender de primeira. muito obrigado.

[@wevertoncosta97]

Fiz tudo certinho e funcionou perfeitamente! Muito obrigado Higor 😍🤩

[@jhonyrios2260]

gostei muito da explicação. muito bom mesmo. parabéns 👏👏

[@talysonaraujo7503]

Caraca tu é foda mano, muito didático, explica tudo direitinho, obrigado por compartilhar este conhecimento conosco, você é o cara. Até que enfim consegui montar um slide funcional, vlw my brother

[@riviaellen6810]

Excelente explicação, meu único problema nesse momento é que eu tinha um título e links no íncio da página e agora estão bagunçados vou ver como resolver isso, mas parabéns, os slides estão funcionando muito bem .

[@Sannn2s]

O brabo é o alem do código, funcionou certinho, continua com mais videos assim !!!!

[@lucasdepaulacarvalhomedoll3280]

cara vc é um DEUS, obrigado demais por me ajudar nisso!! foda demais!!

[@jollymist6436]

Muito obrigado, me ajudou muito, amigo. Ótima aula você deu, explicou tudo conforme ia codando. Excelente!!

[@tocarcomGutoGuedes]

Um botão next e prev pra quem tem muitas fotos é interessante. Outra opção é carregamento automático das imagens.

[@TubaraorioRicardo]

Muito bem feito, funcionou perfeitamente apesar de eu não ser profissional. Só acompanhei o passo a passo. Parabéns

[@IsaqueBarbosa_21]

OBRIGADO AMIGO, PARABENS PELO CONTEUDO, MELHOR VIDEO DO KZbin!! RECOMENDO 100%

[@pedrolucasalmeidacunha1053]

você é demais cara, gostei muito do jeito como você explica, parabéns!

[@Daniel-dh9wh]

Oi boa noite, poderia me dizer se posso fazer com qualquer imagem com qualquer também?? Ainda não tentei fazer

[@davizra160cc]

que aula incrivel estou fazendo meu tcc e durante essa faze ajuda muito esse tipo de conteudo!! obrigado.

[@wescleyvieira4611]

que perfeição de aula, você é muito bom no que faz

[@opedroheen]

CARACAAAAA MUITO MASSA!!! Descobri seu canal muito do nada, mas parabéns, muito bom!!

[@joto-]

Higor Feijó o maioral do frontend

[@bardomidori5236]

Mano que dahora cara !!! Parabéns vídeo muito bom, e muito bem explicado, didática ótima!

[@humbertoaraujo5511]

Cara, continua com esses tutorias por favor. Só não consegui fazer a animação, mas de resto muito obrigado

[@franciscovicente7040]

Parabéns meu amigo, me ajudou muito, explica sem complicar.

[@ChameleonCode]

Tmj irmão!

[@wagner16merces]

Muito obrigado por essa aula! Muito explicativa.

[@leonardometz4754]

Top demais! Me salvou aqui no meu projeto.

[@DanielSouza-iy4bv]

Slk, mais um sub, explica bem calmo e ilustrativo, ajudou +

[@edvaldofutsena]

Cara, vc tem uma didatica muito boaa

[@palomaoliveira3220]

Que didática ótima, parabéns!! Ajudou muito!

[@guilhermeguia7231]

sua didática é extremamente boa, vídeo com belíssimo conteúdo!

[@willalmeida3899]

Showw!! Aula muito boa e código muito bem explicado, tive alguns bugs mas no fim consegui fazer kk

[@Gustavo-mj5dd]

Meu irmão! Parabéns pelo vídeo e principalmente pela didática pra ensinar, tu explica muito bem, parabéns e tu já ganhou mais um inscrito

[@patriqcouto2009]

cara, explicação incrível, vídeo perfeito, fez um slide ainda sem js

[@henrrysantz]

Parabéns irmão, melhor canal, explica devagar e pra que serve todos os comandos, muito foda

[@joelcruz4927]

Que Top, já me imagino implantando isso em uma série de projetos. Valeu,

[@ChameleonCode]

Boaa

[@marlonalves813]

Excelente aula! consegui implementar os botões em um site que estou fazendo do 0, como um desafio próprio, claro fuçando algumas coisas consegui deixar na altura ideal e do tamanho ideal.

[@Espiral01]

Aula incrível Mano! Parabéns!

[@aguiar_b5752]

Cara esse video me ajudou muito, obrigada pela ajuda!

[@rogeriocurtio7683]

To Fazendo aqui em casa e vou usar em todos meus Sites, Show de Bola !!

[@drycon552]

Brabo, apenas brabo continua com esse estilo de vídeo

[@GuilhermeHenrique-fh6tk]

Muito bom...acho que foi um dos videos mais didáticos que vi. Muito obrigado.

[@ozirismenezes2009]

Ótimo professor, gostei ! Obrigado, sucesso!

[@marcos2380]

Arrasou man explica muito bemm !! shoow aprendi bastante nessa video aula

[@gilvanecesar]

Parabéns pelo conteúdo! Ajudou muito no meu aprendizado!

[@walterlucas2451]

Obrigado amigo, fantástico. No meu caso usei divs para fazer slid de e ficou show obrigado mesmo 🙂

[@Pixelcuriosos]

Mano vc nao sabe o quanto isso me ajudou velho

[@fernandoi.kobayashi9826]

Bem legal, funcionou muito bem, boa didática. Vou usar a ideia no meu projeto

[@davidalvescosta9660]

Sensacional!! eu me matando no JS para fazer oque era simples. Parabéns!

[@stallonecobra6452]

Muito obrigado pela aula! Funcionou perfeitamente.

[@diogomta4065]

absurdo irmão, absurdo.

[@FernandoSantos-jb3mi]

Excelente aula, obrigado!!

[@RUBEMDESB]

Didática é tudo. Valeu bro.

[@gabintech]

Sua explicação é fenomenal, adorei. Segui o tutorial mudando tudo para ficar ao meu estilo, mas queria saber se teria como o gradient do fundo mudar de cores quando eu passasse para imagem do lado todas as vezes. Pois cada imagem tem sua paleta de cores, e seria interessante o gradient do fundo mudasse a cada clique.

[@weryklysferreira1244]

se encontrar a resposta me diz, pfv

[@Saulo_.]

@@weryklysferreira1244 se encontrou, me diz pfv

[@WillianSantos-fq1rg]

Muito bom aula, gostei bastante!

[@trilhacoder]

Cara parabéns pelo conteúdo, bem completo, objetivo e simples de entender. Abç.

[@drabzinskii]

MULEKE EU TE AMO DMSSSSSS

[@joaobosco2136]

Parabéns, vídeo show. Obrigado!

[@alexandrelacerda5607]

Vi vários vídeos e o seu foi o único que consegui executar perfeitamente. Parabéns pelo vídeo e pela didática. Gostaria de fazer pergunta. Como faz para os slides mudarem sozinhos?

[@alexandrelacerda5607]

Obrigado!

[@sirvanilferreira9037]

Maninho, vc está de parabéns!!!!

[@gabrielbarboza4456]

show de bola, parabéns pelo conteúdo.

[@gabrielmendesdemenezes4235]

Que vídeo perfeito cara !!! Muito Obrigado

[@lukassilva9240]

Como que eu coloco esse slide dentro de uma TAG com texto? eu fiz o slide e nao consigo deixar ele dentro dos texto e ele fica por cima do texto.. como eu deixo ele dentro do main por exemplo sem que ele fique por cima do H1? Exemplo e o texto o slide

[@gleyciannemaria4773]

ótimo video, me ajudou bastantee!!!

[@MojitoEX]

cara eu só preciso de uma ajudinha, mas eu fiz tudo isso para um trabalho de informática no meu colégio, mas, esse slide fica por cima de todo o texto, e eu queria saber como botar o texto abaixo desse slide

[@PedroLucas-gl2vs]

Como faço para colocar um texto abaixo? Meu está fica acima da imagem.

[@tiagosilva03]

Muito bom, +1 inscrito. 👏👏👏

[@vanderleisantos5319]

Gostei ,bacana, bem explicado..

[@ChameleonCode]

Obrigado pelo apoio Vanderlei!!!

[@samaracristinadacostabatis586]

MUITO OBRIGADA POR ENSINAR ESSA MARAVILHA AMEEI❤

[@Daniel-dh9wh]

Oi boa noite, poderia me dizer se posso fazer com qualquer imagem com qualquer também?? Ainda não tentei fazer

[@samaracristinadacostabatis586]

@@Daniel-dh9wh sim é só substituir na pasta

[@PALESTRA_1914]

Aula Top

[@tomsantos220]

show muito obrigado aprendi muito !!

[@brunodepaulaofc]

Perfeito!

[@fabriciolima9583]

sensacional, obrigado pela aula.

[@JOHNNY-ki9lv]

Eu não vi o vídeo aínda mais parece usar muito borda-radio

[@lahrasouza1791]

melhor video!b ajudou mt cara vlw

[@dropcas8275]

curti muito. obrigado pela aula

[@pauloguedes96]

Minha sugestão, faça o mesmo projeto só que desta vez com javascript, assim vai poder ter mais funcionalidades e mais controle do slide. No mais, gostei muito, inclusive vou tentar refazer usando javascript, valeu!

[@massaofrangiosimorita3164]

nossa, video muito bom e explicaçao excelente, vlw

[@user-rk6bv3ez7h]

Aula Top. Muito Bom mesmo.

[@Kirito-tr3ef]

Perfeito amigo, muito obrigado!

[@tomoliveira32]

maravilhoso. muito bom

[@cleberquerinodossantos8727]

cara muito obrigado dei likaço me ajudou mto trabalhe nos vicios de linguagens "tipo,gente etc..!" vc tem futuro obs n sou pasquale kkkk

[@luamsilv4]

Show de bola! muito obrigado

[@Motion_ys]

cara meteu um Matue de fundo, Foda

[@ChameleonCode]

o melhor

[@lino1678]

Muito bom. Ficou lindo!

[@theeusftn]

Queria saber a respeito porque que quando eu vou colocar textos em baixo do slide que foi feito ele fica por tras do slide, como se o slide fosse uma sobreposição do meus textos

[@thomaz1506]

sensacional!! mto obgg!!

[@tony23ification]

Muito boa sua aula. Fiz tudo certinho, mas minhas fotos não está fazendo a transição de imagem.

[@carolsf]

valeu, cara! mt legal essa animação :)

[@marciodavid81]

top mano, parabéns