BASICS
Why typography matters?
t_onReady(function() {
// 1. Сначала скрываем весь контент
document.documentElement.style.opacity = '0';
document.body.style.backgroundColor = '#000';
document.body.style.transition = 'none'; // Отключаем переходы на время инициализации
// 2. Ждем полной загрузки всех ресурсов
window.addEventListener('load', function() {
// 3. Плавно проявляем контент из черного
document.documentElement.style.transition = 'opacity 0.8s ease, background-color 0.8s ease';
document.documentElement.style.opacity = '1';
document.body.style.backgroundColor = '';
// 4. Через 1 секунду возвращаем стандартные настройки
setTimeout(function() {
document.documentElement.style.transition = '';
}, 1000);
});
// Обработка кэша браузера (если страница загружена из истории)
window.addEventListener('pageshow', function(event) {
if (event.persisted) {
document.documentElement.style.opacity = '0';
document.body.style.backgroundColor = '#000';
setTimeout(function() {
document.documentElement.style.opacity = '1';
document.body.style.backgroundColor = '';
}, 50);
}
});
});