想设置一个transform 放大图片的效果。具体来说就是鼠标经过这个图片让图片整体放大,而不是要放大图片某一个部位。现在还在学div+css静态网页设计,还没学js这些。想各位大佬们解答一下。
3条回答 默认 最新
- CSDN专家-Fay 2021-06-19 15:01关注
给页面加上一段CSS即可,可以不需要JS,让鼠标经过图片整体放大,
translateZ 表示正向放大
scale(1.5) 表示放大倍数:
如有帮助请在回答上点个【采纳】
<style> img:hover{ transform:translateZ(0) scale(1.5); } </style> <body> <img src="./1.jpg"/> </body>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥20 西门子S7-Graph,S7-300,梯形图
- ¥50 用易语言http 访问不了网页
- ¥50 safari浏览器fetch提交数据后数据丢失问题
- ¥15 matlab不知道怎么改,求解答!!
- ¥15 永磁直线电机的电流环pi调不出来
- ¥15 用stata实现聚类的代码
- ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
- ¥20 docker里部署springboot项目,访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效
- ¥15 悬赏!微信开发者工具报错,求帮改