ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

Efeito Flip Card: Como criar cards giratórios com HTML e CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ส.ค. 2023
  • Olá, pessoal!
    Neste tutorial, você vai aprender passo a passo como criar o incrível efeito de carta giratória (flip card) usando apenas HTML e CSS. Deixe suas páginas web mais interativas e atraentes.
    Repositório no GitHub:
    github.com/Larissakich/Flip_card
    Imagens:
    Frente: / 42995371439087158
    Verso: / 48413764738258736
    Redes sociais:
    LinkedIn: / larissakich
    Instagram: @lariikich
    Entre em contato:
    larissakich04@gmail.com
    #CSS #TutorialCSS #EfeitoFlipCard #desenvolvimentoweb #frontend

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

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

    Didático e esclarecedor, muito obrigado por caompartilhar, e parabéns pelo talento no ensino. Esta tentando fazer um jogo da memória para bricar com meus netos, usando JavaScript, mas faltavam-me alguns fundamentos técnicos, seu vídeo foi muitto útil e oportuno nesta missão🙏👍👊

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

    Muito bom, me ajudou demais!! trabalho com back-end e estava com dificuldades em criar esse efeito usando tailwind css, tive que recorrer aos conceitos de css 😅

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

    continue com os vídeos, parabéns...

  • @EricaAires-09
    @EricaAires-09 11 หลายเดือนก่อน +1

    Adorei!! 🥰projetinho bem trabalhado!

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

      Muito muito obrigada, fico feliz que tenha gostado ❤️☺️

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

    gostei demais

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

    Muito legal 🎉

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

      Muito obrigada ☺️

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

    Topppp Lari , muito bommm , esse ajuda pra gente que estamos no início da caminhada, paz, Deus abençoe 🙏.

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

      Muito obrigada! Pra você também ☺️

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

    muito bom, parabéns!

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

      Muito obrigada!☺

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

    Otimo video, uma dica para melhor facilitar a visualização é utilizar o atalho Alt+Z no vscode que faz a quebra automatica das linhas tirando o scroll horizontal

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

    Explica muito bem!

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

      Muito obrigada 😊

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

    caramba que video foda ,ainda vou ficar no seu nivel muito bom o projeto

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

      Muito obrigada, e bons estudos pra você ☺️

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

    Seus vídeos são muito bons, parabéns

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

      Muito muito obrigada 😊

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

    Parabéns pela explicação, seu vídeo ficou muito bom!!

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

      Muito muito obrigada ❤️

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

    Muito bom

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

      Muito obrigada 😃

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

    Vou recomendar para os meus amigos, gostei da didática, volto todos os dias para ver se tera novos vídeos

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

      Oii, muito obrigadaaaa!! Vai sair vídeo novo essa semana ☺️

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

    Top o projeto, por coincidencia o seu vídeo apareceu na minha timeline e me despertou a curiosidade novamente de ver algo relacionado a programação, já faz 10 meses que não estudo mais desenvolvimento, porém estou querendo voltar...

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

      Oii, fico feliz que tenha conseguido te ajudar 😄

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

    Muito bom, estou começando a estudar ,quero chegar nesse nivel

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

      Oii, muito obrigada, boa sorte com seus estudos ❤️

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

    massa demais

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

      Muito obrigada!!

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

    se garante

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

      Haha, valeuuu 😊

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

    Olá Lari, tudo bem? cai de paraquedas aqui e estou super adorando o seu conteúdo um super parabéns estou iniciando na área da programação e seus vídeos estão ajudando demais, seria possível você criar uma pagina reunindo esses trabalhos que vc já fez em um portfólio ou algo assim? forte abraço, e obrigado!

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

      Oii, muito obrigada pela sujestão, vou fazer sim ☺️

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

    no meu ele vira certinho mas a propriedade perspective não faz efeito nenhum. Pq sera?

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

    Na hora de virar a carta o meu não vira o que pode ter acontecido? qual foi erro? Eu não achei.

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

    2:07 particularmente prefiro a fonte menor, mais prático dar zoom ou full screen (se tiver pequeno pra ver algo) do que trocar de janela indo pra o repo (querendo ter uma noção melhor do código todo num dado momento)
    E vlw pelo conteúdo 🤝

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

      Muito obrigada pelo feedback, vou aderir nos próximos vídeos ❤️☺️

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

    Mesmo copiando codigo direto do github ele nem abre no navegador fica rompido.

  • @user-ri3pz8wn9t
    @user-ri3pz8wn9t 11 หลายเดือนก่อน

    css eh uma magia mesmo

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

      Siiim 😄

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

    olá, tudo bem? desde já obrigado pelo vídeo, poderia me dizer qual o nome da extensão para mudar o logo ali no canto do tipo de arquivo, exemplo quando é .html ou .css

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

      Amigo, não sei se é o que ela usa, mas eu tenho o vscode-icons aqui que faz exatamente isso.

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

      Oii, é a extensão Material Icon Theme

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

    Fiz um desse para estudar para concurso..

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

      Que legal!!

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

    Tentei dar uma chance mas web development é uma droga kkk coisa chata do cão, modelagem e animação 3D são minha praia rs enfim, bom trabalho e muito sucesso pra tu, guria :P

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

      Muito obrigada, e muito sucesso pra você também 😄