如何使用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/

Css相关问答推荐

在COLOR-MIX()中使用var()似乎会使其对于不支持COLOR-MIX()的浏览器具有可读性,从而阻止了回退的工作

搜索栏突出显示角形HTML中的Mat-Form-field输入框的焦点

可折叠/可展开的数据表行:如何使Shadcn数据表中的可折叠内容全宽?

在css网格中用一个锚标签(顶部/底部边距)包装图像?

在AND设计令牌上使用不同的主题

如何使用CSS滚动驱动动画重复时间轴范围

在 CSS 中跨列对齐文本基线

如何解决 Spotify 嵌入代码中的白色背景错误?

如何为图像堆叠效果下方的图层实现与磨砂玻璃类似的视觉效果

为什么删除 AnimatePresence framer.div 时会出现轻微卡顿?

如何使用来自单独模块的代码将自定义标头插入到使用 DT Shiny 呈现的表中?

弹性布局溢出时的换行符

来自 A 队和 B 队的类污染了同一个全局命名空间

通过css修改样式shadowroot元素

创建一条淡出/在各个方向变得透明的线

紫色表示访问过的超链接

你如何调试可打印的 CSS?

为什么在 CSS3 中启用硬件加速会降低性能?

如何知道哪个 HTML 元素导致了垂直滚动条

如何将文本与图标字体垂直对齐?