Criando um SLIDER com HTML e CSS
4,130
Published 2024-06-06
Neste vídeo, vou te mostrar como criar um SLIDER infinito usando apenas HTML e CSS.
Vamos construir um SLIDER e contínuo elegante, ideal para destacar imagens ou conteúdos em seu site.
Sem JavaScript necessário!
Perfeito para quem busca uma solução simples e eficiente. Se você gostou, deixe seu like e se inscreva para mais tutoriais.
E claro, depois de todo o processo colocaremos o Site no ar.
Coloque seu Site no AR com a Hostinger: www.hostg.xyz/SHF5P
CUPOM DevClub
CURSO DE HTML: • Curso de HTML | Tornando-se um Progra...
CURSO DE CSS: • Curso de CSS | Tornando-se um Program...
CURSO DE JAVASCRIPT: • Curso de JavaScript para Iniciantes ...
Imagens do Projeto: ibb.co/album/BHKqRY
Inscreva-se no Canal: bit.ly/3h1xtJ5
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Meus Links 👇👇
🔥 LIVE toda Segunda: go.rodolfomori.com.br/live-do-canal
📸 Insta: @rodolfomorii instagram.com/rodolfomorii
👥 Fale com nossa equipe: go.rodolfomori.com.br/suporte
Criei este canal para ajudar você que quer sair do ZERO, iniciar sua jornada e se tornar um programador!
Se já é um programador e quer evoluir na carreira de programação, também está no lugar certo, aqui você vai encontrar conteúdos relevantes que vão te ajudar!
Capítulos
00:00 Introdução
01:00 Vamos para o VS Code
01:27 Começando com HTML (DevClub Portfolio)
02:25 Estrutura do Projeto (Portfolio)
11:50 Criando as animações
14:50 Trabalho com Delay
22:00 Criando as Variáveis
25:00 Ajustando o Tempo de Delay
32:07 Evento (Hover)
35:50 Efeitos para o portfolio
37:45 Colocando o Site
All Comments (19)
-
Vou te ajudar com Programação: go.rodolfomori.com.br/aprendacomigo
-
Fiz e amei, suas aulas me ajudam demais. Muitíssimo obrigada!!
-
Esse cara é fera mesmo viu!👏🏾👏🏾👏🏾
-
Projeto top. Vou ja aprender mais um pouco...
-
Top demais professor! Traz algum projeto sobre academia, saúde..
-
Dahora, acho que só faltou um overflow: hidden no container, assim não fica a barra horizontal por conta dos elementos que estão ultrapassando o viewport
-
massa!! so projeto top!
-
No meu projeto as imagens estão maiores e as de cima tbm não estão iguais, o que faço? Já revisei o código e não achei o erro.
-
gostei da magica
-
Muito bom!!
-
faz um video explicando como deixar ele responsivo para mobile
-
Parabéns, era exatamente isso que estava procurando. Pode me disponibilizar os fontes? Pois para mim fica mais fácil estudar com os fontes pois sou deficiente visual.
-
Onde está o link com as imagens do projeto?
-
fasso tudo certo mais nao aparece as imagens debaixo
-
Não tem link de imagens onde está
-
minha coluna de itens da parte de baixo ficou uma colada na outra não quer soltar nem pelas caridades kkk
-
Não achei o link com as imagens
-
ola, bom dia a todos... Alguem conseguiu baixar as imagens? Se sim, me ajudem ai, nao estou conseguindo.