Как сделать подобное наведение?

Question

[Артём Цымбалюк]

Добрый день, подскажите пожалуйста, как сделать наведение по портфолио как здесь
Есть следующий код

<div class="wrap">
	<div class="item"><a href="img/portfolio/alfa-bank.jpg" data-lightbox="roadtrip"><img src="img/portfolio/alfa-bank.jpg" alt="Альфа Банк"></a></div>
</div>

.portfolio .wrap .item {
	width: 280px;
	height: 162px;
	overflow: hidden;
        margin-bottom: 15px;
        border-radius: 3px;
}

.portfolio .wrap .item img {
	width: 100%;
	height: 100%;
}

.portfolio .wrap {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

Answer 1

[Vladimir Yamshik]

https://codepen.io/ianfarb/pen/ikeAf