リアクションモーションCSSからセンターへの変換

Question

私はリアクションでCSS transfromのリアクションモーションを使用しています。この蛇のコードは、左上隅から私の希望する出力を拡大/縮小します。

<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> 

センターからの縮尺をどのようにすることができますか？

Answer 1

私は解決策を見つけました。それはいくつかの変更を加えるだけで難しいものですが、やりにくいものです。

​​