如何将fontawesome图标旋转180度？

Question

请问怎么将一个font awesome图标旋转180度？我想使用一辆向右的卡车图标，但我发现它是朝左旋转的。

For ex:- <i class="fa fa-truck"></i>

- Mohd Hasan

---

rotate() CSS 函数定义了一个绕固定点旋转元素的变换。 - deEr.

严肃点，先问问谷歌难吗？… - Temani Afif

Answer 1

这对我很有帮助：

.fa {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

- Fabian

Answer 2

使用CSS的transform属性可以实现此效果：

.fa {
  transform: rotateZ(180deg);
}

- Zuber

---

是的，它会起作用，请尝试这个。如果需要，您可以添加浏览器前缀。 - Zuber

Answer 3

只需添加类名为'fa-rotate-180'的样式

- Cloud

Answer 4

你可以使用 transform CSS 选项，结合 rotate() 函数来实现。 在这里查看效果

- Roland

---

该示例不执行任何操作。 - Butri

@Butri，它确实可以！它使用CSS旋转图标。转到CSS选项卡并注释掉代码以查看差异。 - Roland