Criando um SLIDER com HTML e CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ส.ค. 2024
  • Vou te ajudar com Programação: go.rodolfomori.com.br/aprenda...
    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 | Tornan...
    CURSO DE CSS: • Curso de CSS | Tornand...
    CURSO DE JAVASCRIPT: • Curso de JavaScript pa...
    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...
    📸 Insta: @rodolfomorii / 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 no Ar
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 37

  • @canaldevclub
    @canaldevclub  หลายเดือนก่อน

    Vou te ajudar com Programação: go.rodolfomori.com.br/aprendacomigo

  • @willianoliveira719
    @willianoliveira719 6 วันที่ผ่านมา +2

    Show

  • @josiemeneses8522
    @josiemeneses8522 หลายเดือนก่อน +1

    massa!! so projeto top!

  • @heitordesenhos4525
    @heitordesenhos4525 8 วันที่ผ่านมา +1

    Esse cara é muito bom.

  • @Clouudy_
    @Clouudy_ หลายเดือนก่อน +1

    Fiz e amei, suas aulas me ajudam demais. Muitíssimo obrigada!!

    • @canaldevclub
      @canaldevclub  หลายเดือนก่อน

      Fico feliz em saber, tmjj

  • @adrianopgm82
    @adrianopgm82 หลายเดือนก่อน

    Projeto top. Vou ja aprender mais um pouco...

  • @claytonoliveira9640
    @claytonoliveira9640 หลายเดือนก่อน +1

    Esse cara é fera mesmo viu!👏🏾👏🏾👏🏾

  • @luizpaes8550
    @luizpaes8550 หลายเดือนก่อน +1

    Top demais professor! Traz algum projeto sobre academia, saúde..

  • @idLazzaretti
    @idLazzaretti หลายเดือนก่อน

    Muito bom!!

  • @thtasca
    @thtasca หลายเดือนก่อน +1

    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

  • @eliana59324
    @eliana59324 หลายเดือนก่อน +1

    gostei da magica

  • @MorfeticoGamers
    @MorfeticoGamers 5 วันที่ผ่านมา

    opa salve galera estou fazendo meu portifólio e as imagens de baixo ficaram um tamanho pequeno e não estou sabendo aumentar alguem poderia ajudar ?

  • @gangstercoyote
    @gangstercoyote หลายเดือนก่อน +1

    Onde está o link com as imagens do projeto?

    • @canaldevclub
      @canaldevclub  หลายเดือนก่อน

      AQUI ibb.co/album/BHKqRY

  • @joaovictormonteiroviana8932
    @joaovictormonteiroviana8932 หลายเดือนก่อน +1

    faz um video explicando como deixar ele responsivo para mobile

  • @ivansantos1378
    @ivansantos1378 หลายเดือนก่อน

    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.

    • @canaldevclub
      @canaldevclub  หลายเดือนก่อน

      Quais fontes você diz ?

  • @paulamenezes5681
    @paulamenezes5681 หลายเดือนก่อน +1

    fasso tudo certo mais nao aparece as imagens debaixo

    • @canaldevclub
      @canaldevclub  หลายเดือนก่อน

      Chama o suporte que eles te ajudam

  • @SANDRO21424
    @SANDRO21424 หลายเดือนก่อน +1

    Não tem link de imagens onde está

    • @canaldevclub
      @canaldevclub  หลายเดือนก่อน

      Está na bio do vídeo: ibb.co/album/BHKqRY

  • @Ale69440
    @Ale69440 หลายเดือนก่อน +1

    Não achei o link com as imagens

    • @canaldevclub
      @canaldevclub  หลายเดือนก่อน

      aqui irmão ibb.co/album/BHKqRY

  • @andrealezyoliveira8910
    @andrealezyoliveira8910 หลายเดือนก่อน +1

    minha coluna de itens da parte de baixo ficou uma colada na outra não quer soltar nem pelas caridades kkk

  • @marconiocelestinodematos7080
    @marconiocelestinodematos7080 หลายเดือนก่อน

    ola, bom dia a todos...
    Alguem conseguiu baixar as imagens? Se sim, me ajudem ai, nao estou conseguindo.

    • @canaldevclub
      @canaldevclub  หลายเดือนก่อน

      ibb.co/album/BHKqRY