字体真棒需要逆

Question

需要帮助来反转图标..我知道我实际上可以使用fa-inverse但我在这里如何使用它？我的css代码:

hr.style-eight:after {
    font-family: FontAwesome;
    content: "\f0ad";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;

    padding: 0 0.25em;
    background:#333333;
}

谢谢!

Answer 1

您可以使用以下内容翻转元素:

hr.style-eight:after {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

Answer 2

由于FontAwesome只是一个Font,所以适用所有相同的规则(font-size,color,line-height等); 那你怎么反文？

body {
  background: #000;
  color: #fff;
}