如何輕鬆地垂直鏡像我的HTML？

我現在正在國際網站上工作，其中一種語言是阿拉伯語。由於阿拉伯文化，整個界面必須垂直鏡像（顯然是翻轉兩側，而不僅僅是文字方向）。如何輕鬆地垂直鏡像我的HTML？

我已經試圖在容器上使用transform: rotateY(180deg)的技巧，在每個子節點上都使用transform: rotateY(180deg)，但遇到了一個問題，即我的界面完全消失。嘗試到transform: scale(-1, 1)結果相同。 backface-visibility: visible添加到文檔的每個節點。

您是否有任何想法如何在不編寫單獨的樣式表和其他痛苦的事情的情況下鏡像網站界面？

OK，我只是重建我的問題就在這裏，也許這可以幫助：https://jsfiddle.net/z7ksof29/3/

來源

2017-04-26 Levitator Imbalance

的[你可以使用CSS來鏡像/翻轉可能的複製文字？]（http://stackoverflow.com/questions/5406368/can-you-use-css-to-mirror-flip-text） –

你使用背面知名度？ – Nitesh

@ArjanKnol已經嘗試過職高 –

對我來說，這是工作：

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

來源

2017-04-26 11:45:17 RacoonOnMoon

這一點，同樣的結果 –

不幸u能送我的鏈接 – RacoonOnMoon

？您是否使用了所有前綴？ html { -moz-transform：scale（-1,1）; -webkit-transform：scale（-1,1）; -o-transform：scale（ -1，1）; -ms-transform：scale（-1,1）; transform：scale（-1,1）; } – RacoonOnMoon

如何輕鬆地垂直鏡像我的HTML？

回答

相關問題