使用CSS水平反射字母
我知道如何使用使用CSS水平反射字母,css,css-transforms,Css,Css Transforms,我知道如何使用transform:rotate()垂直反射单个字母但不包括如何水平反映它们 你知道我如何水平地反映它们吗 我想将它与选择器.logo一起使用:我的logo的第一个字母{} <a href="#" class="logo">RR</a> 编辑: 无法使用Я,因为我使用的是不支持它的google字体。将scaleX属性设置为转换 .logo:first-letter { transform: scaleX
transform:rotate()垂直反射单个字母代码>但不包括如何水平反映它们
你知道我如何水平地反映它们吗
我想将它与选择器.logo一起使用:我的logo的第一个字母{}
<a href="#" class="logo">RR</a>
编辑:
无法使用Я,因为我使用的是不支持它的google字体。将scaleX
属性设置为转换
.logo:first-letter {
transform: scaleX(-1);
}
如果它总是一个特定的字母,那么最好使用unicode。在您的情况下,(Я)将起作用。我将使用比例:
transform:scale(-1, 1);
-ms-transform:scale(-1, 1); /* IE 9 */
-webkit-transform:scale(-1, 1); /* Safari and Chrome */
检查这里是否适合您:谢谢您的邀请。我明白你的意思。问题是我在使用@font-face和谷歌的另一种字体。此字体不支持此字母。这就是为什么我必须反思的原因。是的,我意识到这一点。它是否需要是
?如果你用一个span来代替,但是设置onclick
属性呢?我有点困惑。无论我使用什么元素或愿望选择器,它都不会工作O@RobertRichter:正如我在前面的评论中所说(我删除了)::第一个字母
仅适用于默认情况下是内联块
或块
的元素-使用
允许它工作:非常感谢。这就成功了!彼此彼此。马特·布莱恩特给我的密码很有用,但不是第一个字母