css - 镜像引用 CSS3

Question

我已经声明了像

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

但实际上我只使用开引号，因为结尾引号应该是水平镜像的开引号（出于视觉原因，该字体的结尾引号看起来像废话）。

所以我得到了：

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

效果很好，所以我尝试应用“变换：比例（-1，1）；” .quotes:after但这不起作用。有什么建议么？

Answer 1

当您有一个伪元素并且想要为其添加一些特定样式时，在您的情况下，您可能需要做的唯一事情是：

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

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

干杯!