<p>Image zoom effect</p>
<div id="contain"><img width="400px" id="roll" src="http://1001.nccdn.net//000/000/075/026/burger-photo--10-best.jpg" /><div id="overlay"></div></div>

#contain {
    display:inline-block;
    overflow: hidden;
    position: relative;
}

#roll {
    transition: all 0.3s ease-in-out;
}

#contain:hover #roll {
    transform: scale(1.1);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.1, 1.1);
}