Motion 属性

Motion 属性由一个对象表示，该对象包含元素的所有可动画属性。

它们是组成 Variant（变体） 的两个组成部分之一，另一个组成部分是 Transitions Declaration（过渡声明）。

此对象包含 style（样式）和 transform（变换）属性。

请注意，当与 style（样式）和 transform（变换）属性交互时，您不必指定单位，而只需使用数字即可。

绝大多数属性的默认单位将被解析并动态附加到值。

{
    opacity: 0,
    scale: 0.6,
    y: 100
}
motion 属性示例 ☝️

Style Properties

Style properties （样式属性）用于将常规 style CSS 字符串分解为单独的对象键。

类型与 Vue 模板中的常规 style 属性相同。

支持所有常规 CSS Style（CSS 样式） 属性。

某些键是禁止的（transition、rotate、scale...），因为它们现在保留用于 Transform Properties（变换属性）。

{
    opacity: 0,
    marginTop: 10
}
style 属性示例 ☝️

Transform Properties

Transform properties （变换属性）用于将常规 transform CSS 字符串分解为单独的对象键。

支持所有常规 CSS Transform（CSS 变换） 语法参数。

此外，您可以使用 x、y、z 属性，它们将被转换为 translateX、translateY 和 translateZ。

{
    x: 10,
    y: 20,
    scale: 1.2
}
transform 属性示例 ☝️
目录