Я пытался сделать через display: inline-block но ничего не работало. Figure и figcaption я использую для того чтобы делать подписи к картинкам:
<div class="hovergallery">
<figure>
<img src="img/2.jpg" />
<figcaption>Пьетро Бенвенути в эпоху Кановы</figcaption>
</figure>
<img src="img/3.jpg" />
<img src="img/4.jpg" />
<img src="img/5.jpg" />
<img src="img/6.jpg" />
<img src="img/7.jpg" />
</div>
css:
img {
width: 25%;
height: 25%;
}
.hovergallery img{
transform:scale(0.8);
transition-duration: 0.5s;
margin: 10px 10px 0 50px;
}
.hovergallery img:hover{
transform:scale(1.3);
}
