2020-03-17

CSS trans form中的rotate中的旋转中心是怎么设置的默认情况下原点是在元素中心点，或者是处于x和y的百分之50处于我们没有使用trans form-orgin原点的情况下，他们缩放，旋转，移动，都是一中心点的位置进行转变的，但有的时候是需要其他位置进行操作，我们就能用到trans form-origin 来进行元素的原点位置改变，比如做旋转纸牌的时候，基本都是在左下角旋转，我们设置左上角的时候基本都是设置left top两个值就行，
改变transform-origin属性的X轴和Ｙ轴的值就可以重置元素变形原点位置，其基本语法如下所示:
transform-origin：[<percentage> | <length> | left | center | right | top | bottom] | [<percentage> | <length> | left | center | right] | [[<percentage> | <length> | left | center | right] && [<percentage> | <length> | top | center | bottom]] <length> ?

transform-origin属性值可以是百分比、em、px等具体的值，也可以是top、right、bottom、left和center这样的关键词。