当前位置: 首页> 英语翻译> 正文

rotate是什么 rotate的翻译

  • 作者: 用户投稿
  • 2023-04-14 11:22:42
  • 55

rotate是CSS3中的一个属性,它可以让元素旋转指定的角度。

1. 基本用法:rotate()函数可以接受一个参数,表示要旋转的角度,单位为deg(度),正值表示顺时针旋转,负值表示逆时针旋转。例如:transform: rotate(45deg);

2. 旋转中心:rotate()函数还可以接受两个参数,第二个参数表示旋转的中心,可以是x,y坐标,也可以是left、right、top、bottom等关键字,默认情况下,旋转中心就是元素的中心点。例如:transform: rotate(45deg 50% 50%);

3. 连续旋转:rotate()函数可以多次使用,来实现连续旋转,例如:transform: rotate(45deg) rotate(90deg);

4. 示例代码:

HTML:

CSS:

.box {

width: 100px;

height: 100px;

background-color: #ccc;

transform: rotate(45deg);

}

 
 
  • 3457人参与,13条评论