opacidade de transição css desaparecer fundo
Estou fazendo umatransition
onde desbota em branco transparente, quando um usuário está passando o mouse por uma imagem.
Meu problema é que preciso mudar a cor, para que ela desapareça, para preto. Eu tentei simplesmente adicionarbackground:black;
para a classe que contém otransition
, mas não funciona infelizmente, ainda está desbotando em branco transparente.
O código css que estou usando é:
.hover:hover {
opacity: 0.2;
}
.item-fade {
background: black;
opacity: 0.8;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
<p>Hover image, the white opacity needs to be black :/</p>
<img src="//placehold.it/100x100" class="hover item-fade" />