这篇博客详细介绍了CSS 2D转换，包括translate()的平移、rotate()的旋转、scale()及scaleX/scaleY的缩放、skewX/skewY的斜切以及matrix()的综合变换方法，通过实例展示了如何改变元素的位置、尺寸和角度。
CSS transforms 属性允许 移动、旋转、缩放和倾斜元素。
- translate()
- rotate()
- scaleX()
- scaleY()
- scale()
- skewX()
- skewY()
- skew()
- matrix()
translate() 方法
translate() 方法从其当前位置移动元素（根据为 X 轴和 Y 轴指定的参数）。
下面的例子把 <div> 元素从其当前位置向右移动 50 个像素，并向下移动 100 个像素：
rotate() 方法
rotate() 方法根据给定的角度顺时针或逆时针旋转元素。
下面的例子把 <div> 元素顺时针旋转 20 度：
最低0.47元/天 解锁文章
扫一扫
3153
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
