CSS3效果

 

• 鼠标悬浮图片放大效果

 .eachheader{width:100%;height:158px;overflow:hidden}
 .eachheader img {  width: 100%;  height: 100%;  -moz-transition: all .2s linear 0s;  -ms-transition: all .2s linear 0s;  -o-transition: all .2s linear 0s;  transition: all .2s linear 0s;  }
 .eachheader img:hover { transform: scale(1.2, 1.2); }

 <div class="eachheader"> <img src="d52834b9.jpg"/></div>

   效果如下：