字体真棒5-CSS伪元素，如何镜像/旋转图标

我正在使用css伪元素渲染图标（）

正文{
字体系列：Arial；
字体大小：13px；
}
a{
文字装饰：无；
颜色：#515151；
}
a:以前{
字体系列：“字体真棒5免费”；
内容：“\f07a”；
显示：内联块；
右侧填充：3px；
垂直对齐：中间对齐；
字号：900；
}

---

使用CSS旋转图标：

变换：旋转（45度）

---

或者使用

transform:scaleX（-1）

来镜像它，您可以使用

transform

属性来旋转或镜像图标

请检查以下代码：

正文{
字体系列：Arial；
字体大小：13px；
}
a{
文字装饰：无；
颜色：#515151；
}
a:以前{
字体系列：“字体真棒5免费”；
内容：“\f07a”；
显示：内联块；
右侧填充：3px；
垂直对齐：中间对齐；
字号：900；
}
a:最后一种类型：before{
字体系列：“字体真棒5免费”；
内容：“\f07a”；
显示：内联块；
右侧填充：3px；
垂直对齐：中间对齐；
字号：900；
变换：旋转（180度）；
}

如果你知道复制品，为什么要问问题？顺便说一句，这里有一个更合适的副本：@TemaniAfif，我在问了这个问题后找到了副本……或者你的问题不清楚。。。你问有没有办法旋转或镜像图标？这在我提供的链接和下面的答案中得到了回答（可能它们对你来说也是错误的…）我的副本中有两个答案，一个带有

I

元素，另一个带有transform（与下面的答案完全相同），我在搜索我的答案时抓住了找到的第一个链接。我认为你会检查整个问答，这将是微不足道的，因为复本是关于一切的，而不仅仅是一个答案。