您现在的位置是:首页 > 技术交流技术交流
鼠标移到图片上图片放大缩小效果
2021-09-10【技术交流】3037 人已围观
简介 鼠标移到图片上图片放大缩小效果我们很常见,可以提升一下用户的使用体验。 这个靠jquery可以实现,但是使用css也可以...
鼠标移到图片上图片放大缩小效果我们很常见,可以提升一下用户的使用体验。 这个靠jquery可以实现,但是使用css也可以实现。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ width: 200px; height: 138px; border: #000 solid 1px; margin: 50px auto; overflow: hidden; } #div1 img{ cursor: pointer; transition: all 0.6s; } #div1 img:hover{ transform: scale(1.4); } </style> </head> <body> <div id="div1"> <img src="demo.jpg" /> </div> </body> </html>
关键技术点,图片的外层div超出部分隐藏。
关注宁波网站建设博客,更多精彩分享,敬请期待!
Tags:
很赞哦! ()
上一篇:网站字体引用google字体
下一篇:祝新老客户2021国庆快乐
相关文章
随机图文
Dede网站修改模板路径保护网站模板常见方法
有的时候我们是直接复制一个templets\\default文件夹修改掉名字来达到修改模版路径的目的,但是如果自己做的模板,往往很多地方考虑...hinkPHP框架模糊查询’DB_LIKE_FIELDS’设置无效的bug
手册表达式查询like项提示:如果配置了DB_LIKE_FIELDS参数的话,某些字段也会自动进行模糊查询。设置以后无效,原因如下: Dr...常用的CSS命名规范大总结实用!
小编对前端一向不太在行,看到有人把常用的css命令集合了一下,发现蛮实用,摘录如下.CSS 命名一般采用小写英文单词或组合命名,单词与单...visual C# 保持窗口最前面
属性面板内 this.TopMost=true;即可