CSS transform 实现图片放大与定位
本文介绍如何使用 CSS 的 transform 属性实现图片的放大显示及位置调整，并结合 JavaScript 实现图片点击预览功能。
使用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可以实现图片的点击预览功能
扫一扫
1415
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
