想设置一个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>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥65 永磁型步进电机PID算法
- ¥15 sqlite 附加(attach database)加密数据库时,返回26是什么原因呢?
- ¥88 找成都本地经验丰富懂小程序开发的技术大咖
- ¥15 如何处理复杂数据表格的除法运算
- ¥15 如何用stc8h1k08的片子做485数据透传的功能?(关键词-串口)
- ¥15 有兄弟姐妹会用word插图功能制作类似citespace的图片吗?
- ¥200 uniapp长期运行卡死问题解决
- ¥15 latex怎么处理论文引理引用参考文献
- ¥15 请教:如何用postman调用本地虚拟机区块链接上的合约?
- ¥15 为什么使用javacv转封装rtsp为rtmp时出现如下问题:[h264 @ 000000004faf7500]no frame?