Зеркало цитирует 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), вы ничего не увидите.

Cheers!