1分)在CSS中，如何使元素顺时针旋转90度？ A、transform:skew(90deg); B、transform:rotate(90deg); C、transform: scale(90deg);

答案是 B、transform:rotate(90deg)；可以使用 CSS3 的 `transform` 属性以及 `rotate` 函数来实现元素的旋转。其中，`rotate` 函数可以接受一个角度值作为参数，表示元素需要旋转的角度。要使元素顺时针旋转90度，可以将 `rotate` 函数的参数设置为 `90deg`，如下所示：

transform: rotate(90deg);

这将使元素沿顺时针方向旋转90度。`skew` 函数用于对元素进行斜切变换，而 `scale` 函数用于对元素进行缩放变换，与旋转变换无关。

相关问题

transform:rotate

transform:rotate是CSS3中的一个属性，用于对元素进行旋转变换。通过设置旋转角度的数值，可以将元素按照指定的角度进行旋转。

具体来说，transform:rotate(angle)中的angle表示旋转的角度，可以使用正值表示顺时针旋转，负值表示逆时针旋转。单位可以是度（deg）、弧度（rad）或百分比（%）。
#### 引用[.reference_title]
- *1* *2* [CSS3属性 transform详解之（旋转:rotate,缩放:scale,倾斜:skew,移动:translate）（附代码）](https://blog.csdn.net/qq_37968920/article/details/82391671)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [css3 transform过渡抖动问题解决](https://download.csdn.net/download/weixin_38682161/14637309)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

transform:translates css

`transform` 是CSS中一个非常有用的属性，它可以让你对HTML元素应用一些视觉转换效果，例如旋转、缩放、倾斜和移动等。`transform` 属性通过改变元素的空间坐标，影响元素的渲染方式，而不会影响文档流的布局。这样可以在不改变页面布局的情况下，实现丰富的视觉效果。

使用 `transform` 属性的常见函数包括：

- `rotate()`：旋转元素。可以指定旋转的角度，正值表示顺时针旋转，负值表示逆时针旋转。
- `scale()`：缩放元素。可以指定水平和垂直方向的缩放比例，其中1表示不变，大于1表示放大，小于1表示缩小。
- `skew()`：倾斜元素。可以分别设置水平和垂直方向的倾斜角度。
- `translate()`：移动元素。可以分别指定元素在水平和垂直方向上的移动距离。

`transform` 属性可以单独使用，也可以结合 `transform-origin` 属性一起使用，后者可以设置元素变形的原点。

一个基本的 `transform` 使用示例如下：

.element {
  transform: rotate(45deg) scale(1.5);
  transform-origin: top left;
}

这段代码会将元素顺时针旋转45度，并且放大1.5倍，变形的原点设置在元素的左上角。