鼠标经过缩略图时图片放大

　　<div class="newslist-img">
　　<img class="newslist-lazy" src="../../skin/images/mn.png" alt="">
　　</div>
　　css:
　　.newslist-img {
　　width: 250px;
　　height: 180px;
　　overflow: hidden;  //防止溢出
　　}
　　.newslist-lazy {
　　width: 280px;
　　height: 230px;
　　}
　　.newslist-lazy:hover {
　　width: 280px;
　　height: 230px;
　　transform: scale(2.05, 2.05);
　　}
　　.newslist-lazy {
　　transition: all 0.5s ease-out;
　　/* 过度 所有css属性 1秒过度 结束慢*/
　　-moz-transition: all 0.5s ease-out;
　　/* Firefox 4 */
　　-webkit-transition: all 0.5s ease-out;
　　/* Safari 和 Chrome */
　　-o-transition: all 0.5s ease-out;
　　/* Opera */
　　}

　　一、给div设置一个宽与高度

　　二、给图片设置一个宽与高，可以根据实践情况进行调整

　　三、来一个当鼠标移到图片时发生的动作，用到hover选择器，设置宽高，然后使其看着舒服一些，我们可以使用

　　transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。

　　transform: none|transform-functions;