html+css鼠标经过网页图片放大效果
这个比较简单,
在网站中上传一个图片,
想实现当鼠标经过时图片放大:
html:
<div class="img_fd"><img src="tp.jpg"/></div>
css:
div.img_fd img:hover{ -webkit-transform:scale(2,2); -moz-transform:scale(2,2); -transform:scale(2,2); z-index:9999; /*position:absolute;*/ }
注意一下:
scale(2,2)为缩放转换
可以修改scale(1.5,1.5)数字来达到效果
笔者:Chervehong
本文以学习、研究和分享为主,欢迎转载,但必须在文章页面明显位置给出原文连接。
本文仅是作者观点,如文中有不妥或者错误的地方还望高手的你指出,以免误人子弟。
如果觉得本文对你有所帮助不如【推荐】一下!
再次感谢您耐心的读完本篇文章。
本文仅是作者观点,如文中有不妥或者错误的地方还望高手的你指出,以免误人子弟。
如果觉得本文对你有所帮助不如【推荐】一下!
再次感谢您耐心的读完本篇文章。