.product, .product > div {
height: 200px;
width: 200px;
}
.product > div {
opacity: 0;
transition: opacity 0.5s;
}
.product:hover > div {
cursor: pointer;
opacity: 1;
}
<div class="product" style="background-image:url('изображение сумки')">
<div>Контент</div>
</div>
Упс, пока я тут писал, вы уже написали кучу вариантов. 
|