css3如何实现鼠标移入到图片上图片放大的效果

2025-05-04 13:14:05

1、在编辑器内新建一个index.html，用来学习今天的内容

3、在style标签内，给div标签和img标签加上基础样式

6、贴一下代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css3如何实现鼠标移入到图片上图片放大的效果</title> </head> <style> div{ width: 200px; height: 200px; overflow: hidden; } div img{ width: 100%; transition: all 0.5s; } div img:hover{ transform: scale(1.2); } </style> <body> <div> <img src="img.jpg" /> </div> </body></html>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。