Core Code
Core Code Modern Dev Handbook

Image Hover Scale

Use transform to scale images on hover.

Preview

Code

<style>
img{
width:140px;
transition:transform 0.3s;
}

img:hover{
transform:scale(1.1);
}
</style>

<img src="https://via.placeholder.com/140">

More CSS Image Styling Examples (8)

example Image Border open example example Rounded Image open example example Circular Image open example example Image Shadow open example example Image Opacity Effect open example example Image Overlay Effect open example example Hover Overlay open example example Grayscale Hover Effect open example