Javascript 如何为所有元素（包括视频/div/iframe）翻转X？

我应用了

-webkit转换：scaleX（-1），但它只应用于视频元素，而忽略所有其他元素，如div、image、iframe。
假设翻转是指镜像，请使用：

body {-webkit-transform: scaleX(-1);}


如果您的意思是旋转180°，请使用：

body {-webkit-transform: rotate(180deg); }


这两者都将镜像/旋转
标记内的所有内容。如果只想对特定元素执行此操作，请将类应用于这些元素：

// css
.mirrored {-webkit-transform: scaleX(-1);}    

// html
<div class="mirrored">Hello World</div>

//css
.mirrored{-webkit转换：scaleX（-1）；}
//html
你好，世界

让我们来看看代码吧！