“`css
transform: rotate(90deg);
除了使用旋转矩阵,大家也可以使用 CSS 的 `transform` 属性和 `transform-origin` 属性来控制图形的旋转。
使用 `transform-origin` 属性可以指定旋转的起点和终点。例如,如果要将图形旋转 45 度,并将旋转点放在图像的左上角,可以使用以下代码:
“`css
transform-origin: 0 100%;
另一个重要的 CSS 属性是 `transform` 中的 `scale` 属性,它可以用来控制图形的大小和缩放。例如,如果要将图形放大 2 倍,可以使用以下代码:
“`css
transform: scale(2);
但是,需要注意的是,当使用 `scale` 属性时,图形的质量可能会下降。因此,大家通常只使用 `transform` 属性来控制图形的旋转和大小。
总之,CSS 中的图形旋转可以使用多种方式来控制,包括旋转矩阵、transform 属性和 `transform` 中的 `scale` 属性。大家可以根据具体情况来选择不同的属性和方法来控制图形的旋转。