为什么在动画出现之前屏幕会变白？答案

【问题标题】：Why does the screen turn white before animations occur?为什么在动画出现之前屏幕会变白？
【发布时间】：2011-12-24 21:19:55
【问题描述】：

我制作了一个新的 Google Chrome 扩展程序，它使用 JQuery 和 CSS3 实现了 Google 的“滚桶”和其他很酷的效果。但是，在动画出现之前，屏幕总是闪烁（变白）不到一秒钟。这是为什么呢？

function effect_barrel_roll() { $('body').addClass('barrel_roll');
setTimeout("$('body').removeClass('barrel_roll')", 4000); }

body.barrel_roll { 
    -webkit-transition: -webkit-transform 4s ease; 
    -webkit-transform: rotate(360deg); 
}

【问题讨论】：

【解决方案1】：

在显示新内容之前，您可能需要淡出以前的内容。当我使用 Ajax 和 JavaScript 更改页面内容时，我在创建 website 时遇到了同样的问题。

在获得内容之前，我添加了以下代码：

xmlhttp.open("GET", "parts/" + part + ".html", true);

$("#" + id).fadeOut(500);

xmlhttp.send();

在显示新内容之前淡出以前的内容。

【讨论】：