初心July
2021-06-19 14:59
采纳率: 100%
浏览 92
已采纳

怎么做transform图片放大效果

想设置一个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>
    评论
    解决 无用
    打赏 举报
查看更多回答(2条)

相关推荐 更多相似问题