使用CSS水平反射一个字母

Question

我知道如何使用transform:rotate();垂直反射单个字母.但不是如何水平反映.

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

我想将它与选择器.logo:我的徽标的第一个字母{}一起使用.

<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(Я)将起作用.