css - 使用 CSS 水平反射字母

Question

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

你知道我怎样才能水平地反映它们吗？

我想将它与.logo:first-letter {}我的徽标选择器一起使用。

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

编辑：http: //jsfiddle.net/n7YA7/1/

不能使用 Я 因为我使用的是来自 google 的字体，它不支持它。

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/