CSS中怎样改变旋转基点在CSS中,使用transform属性来进行旋转操作是非常常见的事情。如果我们只是简单地使用transform,它会默认以元素的中心点为旋转中心,但是有时候我们需要更精细地控制
.square { width: 100px; height: 100px; background-color: red; transform: rotate(45deg); transform-origin: 20px 20px; } .square2 { width: 100px; height: 100px; background-color: blue; transform: rotate(45deg); transform-origin: center; } .square3 { width: 100px; height: 100px; background-color: green; transform: rotate(45deg); transform-origin: right bottom; }
粉丝
0
关注
0
收藏
0