корзина
избранное
13
12
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); } }); });