html - css3 文字旋转

Question

如何在我的代码中水平翻转文本。

当我在纯代码中尝试 -90deg 时，它可以工作，但是当我将它添加到我的工作示例中时它不起作用。目前我旋转了 h3 文本，但我需要面向左侧（意味着水平翻转它）

这是演示

Answer 1

transform: scaleX(-1);

您不使用 rotate 进行翻转，而是使用 scale -scaleX(-1)水平scaleY(-1)翻转，垂直翻转 - demo。

---

但是，在您的示例中，您需要的是-90deg旋转，删除transform-origin（让它采用默认值）并更改margin.

演示

Answer 2

尝试使用正值。

另见此处：

http://css-infos.net/property/-webkit-transform

例子：

p {
  -webkit-transform: rotate(45deg);
}