镜像引用 CSS3

Question

我声明了像

这样的引号

.quotes { quotes: "1C""1D"; }

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

所以我得到了：

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

效果很好，所以我尝试将 "transform: scale(-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)，您将看不到任何变化。

干杯！