Font Awesome need inverse

Question

Need a help to inverse icon.. I know that I can actually use fa-inverse but how I using this here? My css code:

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;
}

Thanks!

Answer 1

You can flip an element using the following:

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