镜像引用CSS3

时间:2016-10-04 10:56:04

标签: css css3 transform quotes blockquote

我已宣布报价如

.quotes { quotes: "\201C""\201D"; }

但事实上我只使用open-quote,因为end-quote应该是水平镜像的开放引用(出于视觉原因,该字体的结束引用看起来像垃圾)。

所以我得到了:

.quotes:after { content: open-quote; }

这很好用,所以我尝试应用" transform:scale(-1,1);"到.quotes:after,但这不起作用。有什么建议吗?

1 个答案:

答案 0 :(得分:0)

如果你有一个伪元素,并且想要为它添加一些特定的样式,那么在你的情况下你唯一需要做的就是:

display:   inline-block;
transform: scale(-2, 2);

display: inline-block将允许您正确修改它,并且在使用scale时,请注意1是默认值。因此,如果你有display: inline-block; transform: scale(-1, 1),你将看不到任何变化。

干杯!