目录

chen 的个人博客

VX:TiAmo151028
Phone:13403656751
Email:zxydczzs@gmail.com

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); */

旋转前:

image.png

将关键代码注释解开:

1transform: rotate(333deg);

image.png

还可以在开发者工具中任意旋转。任意旋转指针即可。

image.png


标题:css旋转div盒子
作者:zzzzchen
地址:https://dczzs.com/articles/2021/07/08/1625731950779.html