Core Code
Core Code Modern Dev Handbook

CSS Gallery Hover Zoom

Hover effects can zoom images.

Preview

Code

<style>
.gallery img{
width:120px;
transition:transform 0.3s;
}

.gallery img:hover{
transform:scale(1.2);
}
</style>

<div class="gallery">
<img src="https://picsum.photos/220/120">
<img src="https://picsum.photos/221/120">
</div>

More CSS Image Gallery Examples (9)

example CSS Basic Image Gallery open example example CSS Grid Image Gallery open example example CSS Flex Image Gallery open example example CSS Gallery Image Caption open example example CSS Responsive Gallery open example example CSS Rounded Gallery Images open example example CSS Gallery Spacing open example example CSS Gallery Overlay Hover open example example CSS Card Style Gallery open example