css 旋转

最新推荐文章于 2024-06-22 12:54:40 发布

转载最新推荐文章于 2024-06-22 12:54:40 发布 · 82 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Tachi/p/5654677.html

本文详细介绍了如何使用CSS的transform属性实现元素的旋转效果，包括针对不同浏览器的兼容性写法，如Internet Explorer 10、Firefox、Opera、Safari和Chrome等。提供了具体的代码示例，并附带了参考资料。

div
{
transform:rotate(7deg);         /*Internet Explorer 10、Firefox、Opera 支持 transform 属性*/
-ms-transform:rotate(7deg);     /* IE 9 */
-moz-transform:rotate(7deg);     /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg);     /* Opera */
}