hoje eu vou te ensinar a criar esse efeito aqui

hoje eu vou te ensinar a criar esse efeito aqui que a gente tem de quando está algo carregando. primeira coisa no nosso html eu vou criar então uma div onde vai ficar o profile, uma div onde vai ser o nosso avatar e uma div onde vai ficar o nosso name. vai acrescentar mais uma classe nesses nossos itens que você quer aplicar esse efeito, eu vou chamar de skeleton box. então vamos para o nosso css. e dentro do nosso css vou criar o nosso esqueletom box passando uma posição relativa e tirando o nosso overflow, então tudo que passar a gente dá para esconder porque não quer o efeito vazando no tamanho dos nossos itens. depois disso então vamos criar o nosso after aqui dentro do after a gente vai passar uma posição absoluta e também a gente vai criar aqui um transformer começando o nosso efeito em -100 no eixo x. o eixo x aqui é o horizontal, então a gente vai começar lá da esquerda e vai vir para a direita que é o nosso efeito. criando o nosso efeito aqui e aplicando a nossa animação. então a gente pode criar a nossa animação criando e mexendo no eixo X salvando fica dessa maneira. já deixa seu like e comenta aqui embaixo.