HTMLを簡単にミラーリングする方法は？

Question

私は今、国際的なウェブサイトに取り組んでいます。その言語の1つはアラビア語です。アラビア文化のために、全体のインタフェースは、垂直方向にミラーリングされなければならない（明らかに、テキスト方向だけでなく、側面も反転させる）。

私はすでにコンテントにtransform: rotateY(180deg)、そして各子ノードにtransform: rotateY(180deg)というトリックを使用しようとしましたが、私のインターフェイスが完全に消えてしまうという問題がありました。同じ結果でtransform: scale(-1, 1)にしようとしました。文書の各ノードにbackface-visibility: visibleが追加されました。

別のスタイルシートやその他の苦しいものを書くことなくウェブサイトのインターフェイスをどのように反映させるか考えていますか？

---

OK、私はちょうどここに私の問題を再現し、多分これは助けることができます：私このためhttps://jsfiddle.net/z7ksof29/3/

Answer 1

が働いている：

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

あなたが/フリップをミラーリングするCSSを使用することができます[の