Javascript 缩放的iFrame具有可视撕裂

我正在使用以下CSS缩放iFrame：

-moz-transform: scale(0.56);
-moz-transform-origin: 0 0;
-o-transform: scale(0.56);
-o-transform-origin: 0 0;
-webkit-transform: scale(0.56);
-webkit-transform-origin: 0 0;
-ms-zoom: 0.56;

内容是一些CSS3动画，通常填充1280x720的屏幕大小，但我正在缩放页面中的iFrame，使其适合容器/“frame”

现在，我已经在其他页面上使用了它，它工作得很好，但是在一个页面上，iFrame最初是隐藏的，然后在加载iFrame源代码后显示，我看到了视觉撕裂（在Chrome中，我目前还没有检查其他浏览器）

---

撕裂的潜在原因是什么？

请提供完整的代码（HTML和CSS），以便我们重现问题。您能提供动画链接吗？我刚刚测试过，效果很好（）@rafaelcastrocouto遗憾的是，动画只在我的本地服务器上。我将尝试在网上找到类似的动画。是的，您的示例可以工作，但是页面内容是静态的。我编辑了你的片段以使用我本地托管的动画，我得到了撕裂问题。因此我上传了一份我的动画副本（非常基本），但是这似乎不是“撕裂”，而是我本地的一个，不断地！很奇怪…我还是不哭，好像你在你的本地配置里搞砸了什么。