Mirror cite CSS3

Question

J'ai déclaré citations comme

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

Mais en fait, j'utiliser seulement la citation ouverte parce que la fin de citation est censé être le guillemet ouvert en miroir horizontalement (pour des raisons visuelles, la fin-citation de cette police ressemble à de la merde).

alors je suis:

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

Cela a bien fonctionné alors j'ai essayé d'appliquer "transformation: échelle (-1, 1);" à .quotes:after mais cela ne fonctionne pas. Aucune suggestion?

Answer 1

Lorsque vous avez un élément pseudo et que vous voulez ajouter un peu de style qui lui est spécifique dans votre cas, la seule chose que vous pourriez avoir besoin de faire est:

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

Le display: inline-block vous permettra de modifier correctement et lorsque vous utilisez scale, notez que 1 est la valeur par défaut. Donc, si vous avez display: inline-block; transform: scale(-1, 1), vous ne verrez rien changer.

À la votre!