css3 - 从中心 react Motion CSS转换

我在React中使用react-motion进行CSS转换。此波纹管代码从左上角缩放了我所需的输出。

    <Motion defaultStyle={{ x: 0 }} style={{ x: spring(360) }} >
    {value => {return <div style={{
      width: value.x,
      height: value.x,
      animation: `scale 5s infinite`,
      transform: `scale(1,1)`,
    }}
    > <this.ComponentName post={post} view={view}/></div>}}
  </Motion>

如何使它从中心缩放？

最佳答案

我已经解决了。可以进行一些更改，但要进行一些棘手的更改。

<Motion defaultStyle={{ x: 0 }} style={{ x: spring(1) }} >
{value => {return <div style={{
  animation: `scale 5s infinite`,
  transform: `scale(${value.x})`,
}}
> <this.ComponentName post={post} view={view}/></div>}}

关于css3 - 从中心 react Motion CSS转换，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37307244/