Flip Horizontal CSS and reverse it with JavaScript based on RTL Direction
问题 I'm going to change LTR direction of whole web page to RTL direction, the easiest way it's flip horizontal css and then add class to each element section of page to make it as RTL direction. Here is my CSS code: .rtl { -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; /*IE*/ filter: fliph; /*IE*/ } <body class="rtl"> then we need to add rtl class to each element of page to make it as real RTL, for example: <div class