div { transform-origin: 50% 50%; }上述代码表示将元素的原点设在中心位置。 如果我们想将其设定为左上角的位置,可以将代码改为:
div { transform-origin: 0 0; }此时,元素的原点就在其左上角。 需要注意的是,如果我们要使用transform属性对元素进行变换,需要注意其支持程度。目前大多数主流浏览器都已经支持了该属性,但仍有部分浏览器不支持。因此,在使用transform属性时建议同时考虑浏览器兼容性问题。
div { transform-origin: 50% 50%; }上述代码表示将元素的原点设在中心位置。 如果我们想将其设定为左上角的位置,可以将代码改为:
div { transform-origin: 0 0; }此时,元素的原点就在其左上角。 需要注意的是,如果我们要使用transform属性对元素进行变换,需要注意其支持程度。目前大多数主流浏览器都已经支持了该属性,但仍有部分浏览器不支持。因此,在使用transform属性时建议同时考虑浏览器兼容性问题。