useMotionProperties

useMotionProperties 用于访问目标元素的Motion Properties。

Motion properties 结合了 useElementStyle 和 useElementTransform。

它允许在 variants 和直接元素样式之间添加另一层，并从 variants 中获得更清晰的数据格式。

参数

target

Target 必须是一个元素（SVG / HTML），或对元素的引用。

如果 target 引用被更新，当前的 motion properties 将会从新的元素样式中更新。

暴露

motionProperties

Motion properties 是一个对象，结合了Style Properties 和 Transform Properties。

更改一个值，它将在目标元素上更新。

style

来自 useElementStyle 的 style 属性。

transform

来自 useElementTransform 的 style 属性。

示例

const target = ref<HTMLElement>()

const { motionProperties } = useMotionProperties(target)

motionProperties.opacity = 0

motionProperties.scale = 2
目录