源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

标题: css实现鼠标移动到图片上后变大的效果 [打印本页]

作者: 洪七公    时间: 2023-2-15 21:47
标题: css实现鼠标移动到图片上后变大的效果

有的时候为了实现页面的动态特效,鼠标移动到网页的某个图片的时候,希望图片变得大一些,移动走鼠标后又恢复为初始,这样的效果使得网页更有动态感觉!

直接给出代码,这里我们把图片所在的div层随便定义一个class样式,比如jinshangceshi,然后通过hover实现,代码如下:

.jinshangceshi img:hover{ transform: scale(1.1);}

保存后你去测试下效果就明白啦!






欢迎光临 源码论坛,商业源码下载,尽在锦尚中国商业源码论坛 (https://bbs.52jscn.com/) Powered by Discuz! X3.3