加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
网页编辑器
MooKwai块样式变形

变形

允许你旋转,缩放,倾斜或平移给定元素。这是通过修改 CSS 视觉格式化模型的坐标空间来实现的。 CSS 属性 对应 CSS 属性名 transform,详细说明可参考 transform 属性。 配置选项 类型 Select 设置元素使用变形的全局值。 设置原点 Number 设置元素变形的原点坐标。对应 CSS 属性名 transform-origin,详细说明可参考 tra…

文章目录

允许你旋转,缩放,倾斜或平移给定元素。这是通过修改 CSS 视觉格式化模型的坐标空间来实现的。

CSS 属性

对应 CSS 属性名 transform,详细说明可参考 transform 属性

配置选项

类型

Select 设置元素使用变形的全局值。

设置原点

Number 设置元素变形的原点坐标。对应 CSS 属性名 transform-origin,详细说明可参考 transform-origin 属性

其中包含了两个值:

  • X:原点坐标的水平位置
  • Y:原点坐标的垂直位置

位移

Number 设置元素变形的偏移量。为 CSS 函数 translate(),详细说明可参考 translate()

缩放

Number 设置元素变形的缩放比例。为 CSS 函数 scale(),详细说明可参考 scale()

旋转

Number 设置元素变形的旋转角度。为 CSS 函数 rotate(),详细说明可参考 rotate()

倾斜

Number 设置元素变形的倾斜角度。为 CSS 函数 skew(),详细说明可参考 skew()

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧