Image zoom on hover inside a div

<div class="item-zoom">
	<img src="http://vizua.net/dummy.jpg">
</div>
.item-zoom {
	position: relative;
	border: 1px solid #333;
	overflow: hidden;
	width: 400px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.item-zoom img {
	vertical-align: top;
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.item-zoom:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


Related Snippets