style {
.c {
margin: 100px auto;
width: 100px;
height: 100px;
background-color: red;
/*选择旋转中心点,left,center,或者x y 坐标,单位px*/
transform-origin: 10px 10px;
/*过渡动画,默认值是all,后面跟的是时间*/
transition: all 0.6s;
}
div:hover {
/*旋转角度,360度*/
transform: rotate(360deg);
}
}
body {
<div class="c">
我是个盒子
</div>
}
css3 2D旋转角度和中心点
最新推荐文章于 2024-04-28 19:31:20 发布