MingL520

图片划过,放大

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <style>
            /*图片放大*/
            .item-img {
                height: 220px;
                transition: all 0.6s ease 0s;
                width: 280px;
            }
            .item-img:hover{
                transform: scale(1.1);
            }
        </style>
    </head>
    <body>
        <!--图片放大-->
        <a href="javascript:;" style="width:220px;height:220px;display: block;margin: 20px auto;overflow: hidden;">
            <img class="item-img" data-original="//img12.360buyimg.com/cf/jfs/t3652/152/960435418/31060/323b574/581845f5N1b3dd7f3.jpg" src="//img12.360buyimg.com/cf/jfs/t3652/152/960435418/31060/323b574/581845f5N1b3dd7f3.jpg" style="display: block;margin:20px auto;">
        </a>

    </body>
</html>

posted on 2016-11-17 11:41  MingL520  阅读(114)  评论(0编辑  收藏  举报

导航