Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typo3/2.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 如何将图标旋转180度?_Css_Icons_Font Awesome - Fatal编程技术网

Css 如何将图标旋转180度?

Css 如何将图标旋转180度?,css,icons,font-awesome,Css,Icons,Font Awesome,有谁能告诉我如何将字体图标旋转180度。实际上,我想用一个卡车图标,它指向右侧,但我发现它在左侧旋转 For ex:- <i class="fa fa-truck"></i> 适用于: 使用transformcss来实现这一点: .fa { transform: rotateZ(180deg); } 这帮助了我: .fa { -webkit-transform: rotate(180deg); -moz-transform: rotate(180d

有谁能告诉我如何将字体图标旋转180度。实际上,我想用一个卡车图标,它指向右侧,但我发现它在左侧旋转

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

使用
transform
css来实现这一点:

.fa {
  transform: rotateZ(180deg);
}
这帮助了我:

.fa {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
您可以使用
transform
css选项将其与
rotate()
函数结合使用。


认真地首先问谷歌难吗。。。是的,它会工作,试试这个,你可以添加浏览器前缀,如果你想