css旋转div盒子
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style type="text/css">
7 .xuanzhuan{
8 width: 300px;
9 height: 300px;
10 position: relative;
11 top: 250px;
12 left: 550px;
13 background-color: #FF8C00;
14 /* transform: rotate(333deg); */
15 }
16 </style>
17 </head>
18 <body>
19 <div class="xuanzhuan">
20
21 </div>
22 </body>
23</html>
关键代码是：/* transform: rotate(333deg); */
旋转前：
将关键代码注释解开：
1transform: rotate(333deg);
还可以在开发者工具中任意旋转。任意旋转指针即可。
