如何使用CSS翻转背景图片？

Question

如何使用CSS翻转任何背景图片？可能吗？

currenty我使用这个箭头图像中background-image的liCSS中

开启：visited我需要水平翻转此箭头。我可以这样做来制作另一个箭头图像，但我只是好奇地知道是否有可能在CSS中翻转图像:visited

Answer 1

在看到Alex的答案出现翻转的线索后，我发现只翻转背景而不是整个元素的方法。谢谢亚历克斯的回答

HTML

<div class="prev"><a href="">Previous</a></div>
<div class="next"><a href="">Next</a></div>

CSS

.next a, .prev a {
    width:200px;
    background:#fff
}
 .next {
    float:left
}
 .prev {
    float:right
}
 .prev a:before, .next a:before {
    content:"";
    width:16px;
    height:16px;
    margin:0 5px 0 0;
    background:url(http://i.stack.imgur.com/ah0iN.png) no-repeat 0 0;
    display:inline-block 
}
 .next a:before {
    margin:0 0 0 5px;
    transform:scaleX(-1);
}