鼠标滑过图片缓慢变大离开时再变小

<div class="img_title"><img src="1.png"  class="img"/></div>

.img_title .img{     //给图片添加transition的过度效果

cursor:pointer;
        transition: .5s transform;   
        transform: translateZ(0);
}

.img_title .img:hover{   //鼠标滑过的特效,transoform设置scale变大
     transform: scale(1.1);
    transform-origin: center center;
    -webkit-transform: scale(1.1);
    }