transform改变图片大小以及位置

使用transform实现图片放大以及改变位置

<html>
<head>
    <meta charset="utf-8">


</head>
<body>
<img src="img/aaa.jpg" style="transform: scale(2) translate(0, 0);">


</body>
<script src="http://www.jq22.com/jquery/1.11.1/jquery.min.js"></script>


</html>


其中scale函数控制图片的放大倍数



translate函数来控制图片的位置



配合JS可以实现图片的点击预览功能

猜你喜欢

转载自blog.csdn.net/weixin_40159375/article/details/78576843