css - 使用 CSS 水平反射(reflect)一个字母

Question

我知道如何使用 transform: rotate(); 垂直反射(reflect)单个字母，但不知道如何水平反射(reflect)它们。

你知道我如何横向反射(reflect)它们吗？

我想将它与选择器 .logo:first-letter {} 一起用于我的 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 (Я) 将起作用。