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

Подписаться 20 тыс.

Просмотров 6 тыс.

50% 1

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

Наука

Опубликовано:

14 авг 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 50

@pulpor 7 месяцев назад

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

@luizdasilveiramendes5119 5 месяцев назад

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 5 месяцев назад

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 😅

@gabrielyoshida157 8 месяцев назад

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

@adailsonnascimentosantos5235 7 месяцев назад

gostei demais

@claudiodenner7345 5 месяцев назад

muito bom, parabéns!

@larissakich 4 месяца назад

Muito obrigada!☺

@EricaAires-09 9 месяцев назад

Adorei!! 🥰projetinho bem trabalhado!

@larissakich 9 месяцев назад

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

@charlesconde975 9 месяцев назад

Explica muito bem!

@larissakich 9 месяцев назад

Muito obrigada 😊

@fabionois 9 месяцев назад

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

@larissakich 9 месяцев назад

Muito muito obrigada 😊

@davidandrew6540 6 месяцев назад

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

@larissakich 6 месяцев назад

Muito obrigada! Pra você também ☺️

@leiturando2100 9 месяцев назад

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

@larissakich 9 месяцев назад

Muito muito obrigada ❤️

@Dozeroaopodio 4 месяца назад

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

@larissakich 4 месяца назад

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

@CodificacaoCarmo 9 месяцев назад

Muito legal 🎉

@larissakich 9 месяцев назад

Muito obrigada ☺️

@ronilucassurya1131 7 месяцев назад

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

@nuzk1 9 месяцев назад

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 9 месяцев назад

Oii, fico feliz que tenha conseguido te ajudar 😄

@GabrielandreR 9 месяцев назад

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

@larissakich 9 месяцев назад

Muito obrigada, e bons estudos pra você ☺️

@urieljaime6886 9 месяцев назад

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

@larissakich 9 месяцев назад

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

@caiotidi 8 месяцев назад

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

@jacksonvinicius299 6 месяцев назад

Muito bom

@larissakich 6 месяцев назад

Muito obrigada 😃

@MuriloGomes0801 9 месяцев назад

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 9 месяцев назад

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

@caiotidi 8 месяцев назад

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

@Player11Oficcial 9 месяцев назад

massa demais

@larissakich 9 месяцев назад

Muito obrigada!!

@_slipow 9 месяцев назад

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 9 месяцев назад

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

@felipelipe34 9 месяцев назад

se garante

@larissakich 9 месяцев назад

Haha, valeuuu 😊

@canalortegagames 7 месяцев назад

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 6 месяцев назад

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

@larissakich 4 месяца назад

Oii, é a extensão Material Icon Theme

@user-ri3pz8wn9t 9 месяцев назад

css eh uma magia mesmo

@larissakich 9 месяцев назад

Siiim 😄

@tharleycursos5215 9 месяцев назад

Fiz um desse para estudar para concurso..

@larissakich 9 месяцев назад

Que legal!!

@wallacesousuke1433 9 месяцев назад

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 9 месяцев назад

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