css效果

/*图片变灰色*/
img { filter: grayscale(100%); }

/*去除边距*/
display: inline-block;

/*图片触摸放大效果*/
img { -webkit-transition: all 1s; cursor: pointer; }
img:hover { -webkit-transform: scale(1.2); }

<!--图片触碰放大-->  
<style>
    .imgdev { width: 300px; height: 92.84px; margin: 0 auto; overflow: hidden; }
    img { max-width: 100%; max-height: 100%; transition: all 0.6s; }
        img:hover { transform: scale(1.2); }
</style>
<div class="imgdev">
    <img src="http://www.touyinghudong.com/tpl/www/images/box7-3.jpg" />
</div>