我试图在堆栈上搜索,但无法得到准确的答案。
有一段带双引号。
我想翻转第二个引号,如 this image 所示
HTML
<div class="paraCnt">
<p>Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</p>
</div>
CSS
.paraCnt {
width: 800px;
margin: 0 auto;
position: relative;
color: #fff
}
body {
background: #285fac;
}
.paraCnt:before,
.paraCnt:after {
content: " ";
display: block;
position: absolute;
top: 0;
left: -50px;
height: 34px;
width: 39px;
background: url(http://i.stack.imgur.com/Rikc9.png) -13px -20px no-repeat;
}
.paraCnt:after {
left: auto;
right: -50px;
}
最佳答案
CSS 更改
.paraCnt:after {
left: auto;
right: -50px;
-webkit-transform: scaleX(-1); /**Add this**/
transform: scaleX(-1); /**Add this**/
}
关于css - 使用 css3 翻转图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24890244/