csstransform-origin小程序transformOrigin功能说明:"50%100%0"顾名思义,transform-origin是指定变换的原点。只是一点。三个参数值分别表示该点在xyz轴上的相对位置。x轴方向的位置为50%，y轴方向的位置为50%，z轴方向的位置为0%。百分比是相对于此元素的。css中transform-origin的默认值是50%50%0小程序中wx.createAnimation()的默认值也是50%50%0当设置为transform-origin时：transform-origin:50%100%0：这是写在应用程序css.stretch{transform:scaleY(1.5);//垂直缩放，原始比例为1transform-origin:50%50%0;过渡：全部0.5s；//定义动画作用于哪些属性，过渡时间是多少}小程序是这样写的letanimationTree=wx.createAnimation({timingFunction:"ease-in-out",transformOrigin:"50%50%0"});animationTree.scaleY(1.05).step({duration:100});animationTree.scaleY(1.0).step({duration:200});transform-origin:50%50%0时的动画是这样的：可以看到上图变换是基于树的中间，我们需要它基于树的底部进行变换。当将transformationorigin改为transform-origin:50%100%0时，就是我们想要的结果：结语现在你知道transform-origin的作用了吧。
