图片划过,放大

Posted MingL520

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图片划过,放大相关的知识,希望对你有一定的参考价值。

<!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>

以上是关于图片划过,放大的主要内容,如果未能解决你的问题,请参考以下文章

鼠标放到划过图片出现悬浮透明边框,别的图片位置不变

鼠标划过图片进行缩放效果

iOS开发类似于呱呱卡效果,手指划过的区域形成画笔。适用于取出部分图片(截图),如截取出图片中带文字的区域部分。

delphi ListView 如何改鼠标划过时的底图?

css3动画划过有一个框

angular js 鼠标移过图片放大,就是放在图片上图片放大 或者反击,