语法:
transfrom:rotate(度数);
重点:
1、rotate里面跟度数,单位是:deg
2、角度数为正时,顺时针,负时,逆时针
3、默认中心点是元素的中心点
代码例子:
<style>
div{
margin: 100px auto;
width: 200px;
height: 200px;
background-color: palegoldenrod;
border-radius: 10px;
/* 过度 */
transition: all, 2s;
}
div:hover{
transform: rotate(360deg);
}
</style>
</head>
<body>
<div></div>
</body>
运行结果:
当鼠标经过的时候会旋转