gostaria de saber se usaria o hover para trocar uma imagem. Ex:a imagem estar com um corte de cabelo e ao por em cima aparecer um outro corte. uso o hover ou seria feito de outra forma.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
gostaria de saber se usaria o hover para trocar uma imagem. Ex:a imagem estar com um corte de cabelo e ao por em cima aparecer um outro corte. uso o hover ou seria feito de outra forma.
Opa Matheus beleza? Então, este efeito você pode conseguir alterando o background do hover para uma imagem utilizando a propriedade backgroud: url("sua-imagem".png) desta forma:
.corte-de-cabelo:hover{
background-image: url("sua-imagem.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover
}Caso sua imagem esteja em uma pasta própria para imagens e esta pasta esteja no mesmo nível de hierarquia de sua pasta com arquivo CSS ex:
CSS (pasta)
img (pasta)
index.htmlVocê deve voltar um nível no CSS e assim selecionar sua pasta utilizando esta formatação para seu background-image
background-image: url("../img/sua-imagem.png");Testa ai e qualquer coisa manda seu código que arrumamos juntos :D
Abraços