Wie kann ich meinen HTML-Code einfach vertikal spiegeln?

Question

Ich arbeite jetzt auf der internationalen Website und eine ihrer Sprachen ist Arabisch. Aufgrund der arabischen Kultur muss die gesamte Schnittstelle vertikal gespiegelt werden (offensichtlich um die Seiten zu wenden, nicht nur die Textrichtung).

Ich habe bereits versucht, den Trick mit transform: rotateY(180deg) auf Container und transform: rotateY(180deg) auf jedem Kind-Knoten zu verwenden, aber ein Problem, dass meine Schnittstelle völlig disppeared. Versucht, transform: scale(-1, 1) mit dem gleichen Ergebnis. backface-visibility: visible zu jedem Knoten des Dokuments hinzugefügt.

Haben Sie eine Idee, wie Sie die Website-Schnittstelle spiegeln können, ohne separate Stylesheets und andere schmerzhafte Dinge zu schreiben?

---

OK, ich mein Problem hier nur neu erstellt, vielleicht kann dies helfen: https://jsfiddle.net/z7ksof29/3/

Answer 1

Für mich dieses arbeitet:

html { 
    -moz-transform: scaleX(-1); 
    -o-transform: scaleX(-1); 
    -webkit-transform: scaleX(-1); 
    transform: scaleX(-1); 
    filter: FlipH; 
    -ms-filter: "FlipH"; 
}