鼠标移入，图片放大效果

经过尝试，可以采用transform：scale(倍数)；来操作。

例子如下：

先看效果

                        鼠标未移入时                                        鼠标移入后

主要代码如下：

<div >
    <div class="div1"><img src="img/2.jpg" class="pic"/></div>
    <div><img src="img/3.png"/></div>
 </div>

<style type="text/css">

    .div1{
        border: 3px solid blue;
        width: 300px;
        height: 300px;
        overflow: hidden;//r如果不加，图片将会以中心为基点放大至覆盖父级元素边框
       }

    .div1:hover .pic{
        transform: scale(1.2);
    }

</style>