Como fazer uma animação com HOVER usando apenas HTML e CSS

Olá, pessoal!
Nesse vídeo vou te mostrar como criar uma incrível animação com hover para seus cards, usando apenas CSS!
A animação de hover é uma forma de adicionar interatividade e dar vida ao design do seu website. Com apenas algumas linhas de CSS, você será capaz de criar uma transição suave e elegante que vai impressionar os visitantes do seu site.
Durante o tutorial, vamos guiar você passo a passo por todo o processo de criação da animação. Desde a estrutura HTML básica do card até a aplicação das propriedades CSS necessárias para gerar o efeito hover desejado.
Código-fonte estará disponível para download no GitHub:
github.com/Larissakich/hover_...
Redes sociais:
LinkedIn: Larissa Kich
Instagram: @lariikich
Inspiração:
• CSS Animated Responsiv...

[@alexandrejose7622]

PQP to tentando fazer essa joça a DIAS, VLW DEMAIS Larissa me salvou muito!

[@gilsonjunior3761]

Ameiiiii o vídeo, bem explicado e com muita qualidade. Parabéns

[@alexsandrodias9959]

oi estou começando com o html e suas aulas estão ajudando muito! parabéns e obrigado.

[@fxpedrinhox464]

obrigado ai Larissa pela essa aula que como sempre me ajudou mto

[@ailtonjunior5795]

Top de mais, parabéns 👏🏽👏🏽👏🏽

[@williammateus329]

Parabéns, muito didático

[@Jacobinaspelomundo]

Aprendendo muito fácil

[@914marcoantonio]

Muuito bom

[@MrRayanneGames]

top demais... Muito boa a dica.

[@larissakich]

Muito obrigada ☺️❤️

[@ronyfonseca8871]

Arrasou eu amei demais 😍

[@larissakich]

Muito obrigada 😊

[@leandroslopes2395]

Dica sensacional!!!

[@larissakich]

Que bom que gostou ☺️

[@ex_script7091]

Arigathanks!

[@GuilhermeRodrigues-kk9le]

Muito bonitinho, já vou tirar um tempinho pra treinar essa animação

[@larissakich]

Muito obrigada, fico feliz que tenha gostado 😊❤️

[@UPerfil1]

Kich, vc éh F#d@!!! Parabens!!!

[@larissakich]

Muito muito obrigada ☺️

[@joaoglenes5180]

Te amo sz

[@denysmichael1538]

tudo isso em menos de 13 minutos, show dms

[@larissakich]

Muito obrigada 😊

[@PetersoN077]

Muito bom conteudo estou aprendendo mt com vc praticando os login form que vc ensinou , tenta trazer clones de site para praticar o header , css grid , position etc... seria interessante!

[@larissakich]

Oii, muito obrigada pela sujestão, vou fazer sim 😊

[@bruno.teclas]

Muito bom. Ver vc fazendo parece facil, mas esse negocio é dificil de mais. kkkkk

[@sammytubishy7455]

top....

[@larissakich]

Muito obrigadaaa!

[@emptyxz.]

Um dia chego no seu nível!!

[@larissakich]

Haha muito obrigada, bons estudos ☺️

[@flaviovinicio6739]

top

[@larissakich]

Muito obrigada 😄

[@GabrielandreR]

caraca isso e top demais, vou usar isso em meu portifolio kk

[@larissakich]

Muito obrigada, espero ter ajudado ☺️

[@GabrielandreR]

@@larissakich tu ajuda demais ,ainda mais que explica super bem ,consigo entender tudo ,obrigado😁

[@fernandoricco586]

Larissa, eu estou fazendo uma tabela, e quando eu faço o top: ' ', todas as palavras se acumulam no topo da pagina, tem um jeito de fazer cada palavra ficar dentro de cada quadrado da tabela?

[@mrgv3432]

amei ficou muito bom, queria fazer 3 desses um do lado do outro so nao sei como

[@dionikkj]

só copiar e colar o codigo um de baixo do outro, ai vc troca só oq ta escrito e as imagens!

[@mrgv3432]

@@dionikkj já fiz , porém tive que fazer de outro modo. Tive que mudar algumas coisas do código para ficar alinhado um do lado do outro

[@eusouomob]

o meu esta dando algum erro que não identifiquei, ja analisei o video passo a passo, verifiquei cada pontinho, cada sinal, e não funciona.
poderia me ajudar?
Edit ( achei o erro, era um aspas simples ' dps de uma aspas dupla " antes de img, na class img-box, se liga no exemplo ...(class=" 'img-box")..., acho que minha auto avaliação esta ruim kkkkkkkk)

[@larissakich]

Oii, desculpa a demora, que bom que conseguiu encontrar o erro 😄

[@kleberBrunoProg]

nossa top , como se aprenderu tudo isso ai ?

[@viclerti_educacao]

Boa tarde Larissa,
Vamos fazer uma parceria de video aulas.
Tbm faço videos.
Pensa ai e me responde depois.

[@larissakich]

Oii, claroo, me chama no Instagram @lariikich

[@berkas_cortes]

vc já trampa na área?

[@larissakich]

Oii, sim trabalho a 2 anos como fullstack