Question

我已应用-webkit-transform: scaleX(-1);，但它仅适用于视频元素并忽略所有其他元素，例如div，image，iframe。

Answer 1

假设翻转你的意思是镜子，请使用：

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

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

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

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

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

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