栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

HTML

<div ><a href="">Previous</a></div><div ><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);}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/432667.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号