css鼠标悬停 图片放大

css部分

.photo img{
    cursor: pointer;
    transition: all 0.6s;/*图片放大过程的时间*/
}
.photo img:hover{
    transform: scale(1.2);/*鼠标经过图片放大的倍数*/
}

html部分

 

<div class="photo" >
    <img src="002.png" width="340px;" height="100px;">
    <img src="004.png" width="340px;" height="100px;" >  src后面接自己的图片位置
</div>