相对于参考点的CSS旋转

前端之家收集整理的这篇文章主要介绍了相对于参考点的CSS旋转前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何相对于定义的点旋转元素,即定义的x& y坐标在CSS(webkit)?

通常旋转使元素的中心点作为参考。

解决方法

你可以使用transform-origin。
它定义要从元素的左上角旋转的点。
transform-origin: 0% 0%

这将围绕左上角旋转。

对于其他选项,请看这里:https://developer.mozilla.org/En/CSS/-moz-transform-origin

据我所知,没有一个可以围绕固定点旋转的选项(尽管这样做会很方便)。

猜你在找的CSS相关文章