网页的图片放大效果_html-js-css

概述<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css3图片缓慢放大缩小</title> <style> .div{ width: 500px; height: 500px; margin: 150px auto 0;

<!DOCTYPE HTML><HTML><head>    <Meta charset="utf-8">    <Title>CSS3图片缓慢放大缩小</Title>    <style>    .div{        wIDth: 500px;        height: 500px;        margin: 150px auto 0;    }    .div img{        Transition: all 2s ease 0s;    }    /* Transition 别放hover里，放到img里，这样移入移出一样缓慢，不然只对hover移上去有缓慢效果 */    .div img:hover{        transform: scale(1.2);        /*Transition: all 2s ease-in-out 0s;*/    }    </style></head><body> <div class="div">    <img src="img/img-11-02.jpg"></div> </body></HTML>

总结

以上是内存溢出为你收集整理的网页的图片放大效果全部内容，希望文章能够帮你解决网页的图片放大效果所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1031016.html

网页的图片放大效果

发表评论

评论列表（0条）