Почему экран становится белым до появления анимации?

Question

Я сделал новое расширение для Google Chrome, которое делает Google Barrel Roll и другие интересные эффекты, используя JQuery и CSS3.Тем не менее, экран всегда мигает (становится белым) менее чем за секунду до появления анимации.Почему это так?

Расширение можно скачать здесь: https://chrome.google.com/webstore/detail/lhokhgkogpghngcflpackepikbjejhkf

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); 
}

Answer 1

Возможно, вам придется потушить предыдущее содержимое, прежде чем новое содержимое будет показано.Я столкнулся с той же проблемой при создании веб-сайта , когда менял содержимое страницы с помощью Ajax и JavaScript.

Перед тем, как получить контент, я добавил этот код:

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

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

xmlhttp.send();

Он затухает предыдущее содержимое перед отображением нового содержимого.