懒人的 CSS 变换生成器。
设置比例、旋转、平移和倾斜并观看实时预览以获得所需的视图。
避免为 skew 属性设置极值，因为预览可能会覆盖设置面板。在这种情况下，您将不得不刷新页面。
缩放、旋转、平移和倾斜
Scale 的工作方式类似于放大和缩小目标元素。默认比例值为 1，它作为原始大小的乘数。这意味着 0.5 减半，而 2 将部分加倍。
使用以度为单位设置的第二个属性顺时针旋转元素。旋转 180° 会使物体倒置，而 360° 则返回其原始直立位置。设置任何正值或负值甚至小数。
平移使用与其原始位置相关的像素移动元素。当有旋转属性时，水平方向的 X 值和垂直方向的 Y 值为零。
在水平 (X) 或垂直 (Y) 轴上倾斜对象。
CSS 转换解释
transform CSS 属性允许您旋转、缩放、倾斜和平移元素。它修改了 CSS 视觉格式化模型的坐标空间。
定义和使用
transform 属性将 2D 或 3D 变换应用于元素。此属性允许您旋转、缩放、移动、倾斜等元素。
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。
后跟 -webkit-、-moz- 或 -o- 的数字指定使用前缀的第一个版本。
句法
transform: none|
transform-functions|initial|inherit;
