webkit-transform 的含义

webkit-transform 的含义

-webkit 是表示针对 safari 浏览器支持，-ms表示针对 IE 浏览器支持。

如下表示的是在 X 轴向右移动 50px, Y 轴向下移动 100px。

div {
  -ms-transform: translate(50px, 100px);
  -webkit-transform: translate(50px, 100px);

  transform: translate(50px, 100px);
}

  • scale：缩放，1 为原始大小。参数正数时放大，负数缩小。属性值为一个时，x/y 轴同时缩放；属性值为两个值时，分别控制 x、y 轴的缩放。

  • rotate：水平旋转，属性值格式为 Xdeg。X 为正数时，顺时针旋转；为负数时，逆时针旋转

  • translate：平移，基于 XY 轴重新定位元素。属性值为一个时，x、y 轴参数相同；为两个时，x、y 轴分别定位

  • skew：将元素沿水平方向倾斜变形。属性值为一个时，x/y 轴参数相同；为两个时，x、y 轴各自倾斜

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容