鼠标经过图片时向前突出并放大图片

Posted 树叶的一生

tags:

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

/*.img1 img{transform: scale(1,1)原本的图片的大小; transition: all 0.6s;动画过渡的效果:全部的过渡效果 效果的时间是0.6秒 }*/ 第一句是没有经过图片的效果
/*.img1:hover img{transform: scale(2,2);}*/        第二句就是当鼠标经过是图片放大的倍数

.img1 img{transform: scale(1,1); transition: all 0.6s; }
.img1:hover img{transform: scale(2,2);}    

 

以上是关于鼠标经过图片时向前突出并放大图片的主要内容,如果未能解决你的问题,请参考以下文章

鼠标经过时图片放大

鼠标经过,图片放大事件

求一个java图片浏览器的源代码,拜托大家了!!!

如何用CSS实现鼠标经过 图片放大的效果

js+css鼠标移动图片放大

HTML图片鼠标悬停效果设置!