如何使用CSS翻转任何背景图像?可能吗?
目前,我在css中使用的是background-image
/li
的箭头图像
开:visited
我需要水平翻转这个箭头.我可以这样做,让箭头BUT的另一个图像,我只是好奇,是否有可能翻转:visited
的CSS图像
如何使用CSS翻转任何背景图像?可能吗?
目前,我在css中使用的是background-image
/li
的箭头图像
开:visited
我需要水平翻转这个箭头.我可以这样做,让箭头BUT的另一个图像,我只是好奇,是否有可能翻转:visited
的CSS图像
在亚历克斯的回答中,我发现了一种只翻转背景而不是整个元素的方法.谢谢亚历克斯的回答
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);
}
请参见此处的示例http://jsfiddle.net/qngrf/807/