我正在使用以下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，以便它适合容器/＆＃34;框架＆＃34;。
现在，我已经在其他页面上使用了它，它运行得很好，但是在一个页面上，iFrame最初被隐藏，然后在加载iFrame源后显示，我得到视觉撕裂（目前在Chrome中，我有尚未检查其他浏览器）
什么可能是撕裂的潜在原因？