css 向右边旋转90° .G6 { font-weight: 900; display: flex; justify-content: center; transform: scaleX(-1); }
时间: 2024-02-19 11:02:31 浏览: 201
这段 CSS 代码实际上是将盒子进行水平翻转,而不是向右旋转90度。如果你想要将盒子旋转90度,可以使用 "transform: rotate(90deg);" 属性,例如:
```
.box {
transform: rotate(90deg);
}
```
以上代码中, ".box" 是要进行旋转的盒子元素, "transform: rotate(90deg);" 会将盒子向右旋转90度。如果要将旋转中心点调整到盒子中心,可以加上 "transform-origin: center center;" 属性。
相关问题
css .G6 { font-weight: 900; } 颠倒一下盒子方向,左边变成右边 右边变成左边
这段 CSS 代码定义了一个名为 ".G6" 的样式规则,它将所选元素的字体加粗(font-weight: 900)。但是后面的文字描述的是另一个问题,即如何颠倒盒子的方向。要实现这个效果,可以使用 CSS 的 "transform" 属性,例如:
```
.container {
display: flex;
justify-content: center;
transform: scaleX(-1);
}
```
以上代码中, ".container" 是包含盒子的容器元素, "display: flex" 和 "justify-content: center" 用于水平居中盒子。 "transform: scaleX(-1)" 会将盒子沿着 X 轴进行水平翻转,从而实现左右方向的颠倒。
阅读全文