使用CSS水平反射一个字母

Question

我知道如何使用transform：rotate（）;垂直反射单个字母;但不是如何横向反射。

你知道我怎么能横向反射吗？

我想将选择 .logo：first-letter {} 用于我的徽标。

<a href="#" class="logo">RR</a>

编辑：http://jsfiddle.net/n7YA7/1/ 不能使用Я，因为我使用谷歌的字体并不支持它。

Answer 1

将scaleX属性设置为转换。

.logo:first-letter {
     transform: scaleX(-1);
 }

如果它总是一个特定的字母，那么为此只使用unicode可能是个更好的主意。在您的情况下，CYRILLIC CAPITAL LETTER YA（Я）将起作用。

Answer 2

我会使用比例：

transform:scale(-1, 1);
-ms-transform:scale(-1, 1); /* IE 9 */
-webkit-transform:scale(-1, 1); /* Safari and Chrome */

请在此处查看是否适合您：http://jsfiddle.net/kytXf/