css3文字旋转

Question

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

当我用简单的代码尝试-90deg时，它正在工作，但当我将其添加到我的工作示例中时，它不起作用。目前，我有H3的文本旋转，但我需要达必须面对向左（指翻转horizo​​ntaly）

这里是DEMO

Answer 1

transform: scaleX(-1); 

你不使用旋转的翻转，您使用的规模 - scaleX(-1)的水平翻转，scaleY(-1)快进快出垂直 - demo。

---

在你的榜样然而，你做什么需要的是一个-90deg旋转，删除transform-origin（让它取默认值），并更改margin。

DEMO

Answer 2

尽量用正面的价值观。

而且在这里看到：

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

例子：

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