如何旋转180度的fontawesome图标?

时间:2018-04-21 07:50:56

标签: css icons font-awesome

任何人都可以告诉我,我怎么能旋转180度的字体真棒图标。实际上我想使用一个指向右侧的卡车图标,但我发现它左侧旋转。

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

3 个答案:

答案 0 :(得分:1)

使用transform css实现此目的:

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

答案 1 :(得分:1)

这对我有所帮助:

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

答案 2 :(得分:0)

  

您可以使用transform css选项将其与rotate()功能结合使用。   See it in action