transition和transform区别 css3中怎样定义动画的旋转中心点?

css3中怎样定义动画的旋转中心点?当我们不使用“变换原点”来更改元素的原点位置时,CSS变形的旋转、移动、缩放和其他操作都是基于元素本身的中心(变形原点)。但大多数时候,我们需要在不同的位置变形元素

css3中怎样定义动画的旋转中心点?

当我们不使用“变换原点”来更改元素的原点位置时,CSS变形的旋转、移动、缩放和其他操作都是基于元素本身的中心(变形原点)。但大多数时候,我们需要在不同的位置变形元素。我们可以通过变换原点来改变元素的原点位置,使元素的原点不在元素的中心,从而达到所需的原点位置。如果我们将元素的变换原点设置为0(x)0(y),那么元素的变换原点将转换到元素的左上角。通过更改“变换原点”(transform origin)属性的X轴和Y轴的值,可以重置元素的变形原点位置。基本语法如下:`transform origin:[