nieprzezroczystość css przejścia tła
Robiętransition
kiedy zanika w przezroczystą biel, gdy użytkownik unosi obraz.
Mój problem polega na tym, że muszę zmienić kolor, który znika, na czarny. Próbowałem po prostu dodawaćbackground:black;
do klasy, która zawieratransition
, ale to nie działa na szczęście, wciąż zmienia się w białe przezroczyste.
Kod css, którego używam to:
.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" />