Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/assembly/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用CSS水平反射字母_Css_Css Transforms - Fatal编程技术网

使用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:正如我在前面的评论中所说(我删除了)
::第一个字母
仅适用于默认情况下是
内联块
的元素-使用
允许它工作:非常感谢。这就成功了!彼此彼此。马特·布莱恩特给我的密码很有用,但不是第一个字母