CSS3中的transform属性为我们提供了旋转元素的功能，而且可以以某一点为中心进行旋转。下面是演示代码：
div{
width: 100px;
height: 100px;
background-color: #f00;
transform-origin: 5px 5px;
/* 控制旋转中心为左上角的5px,5px */
transform: rotate(30deg);
/* 以控制点为中心旋转30度 */
}
上述代码中，通过设置transform-origin属性的值为5px 5px，可以将元素的旋转中心点设置为所要求的点。接着使用transform:rotate(30deg)属性将元素旋转30度，以控制点为中心旋转。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
