Как размыть тело в CSS до полной загрузки страницы
Я предпочел бы использовать объекты date_create и date_diff.
Код:
$date1 = date_create("2007-03-24");
$date2 = date_create("2009-06-26");
$dateDifference = date_diff($date1, $date2)->format('%y years, %m months and %d days');
echo $dateDifference;
Выход:
2 years, 3 months and 2 days
Для получения дополнительной информации info читать руководство date_diff PHP date_diff
Согласно руководству
date_diffявляется псевдонимом DateTime :: diff ()
1 ответ
Хотя это технически возможно достичь, выполнив следующее
Дайте вашему телу класс, т.е. .loading примените filter:blur(200px); и добавьте фрагмент javascript, который удаляет класс при загрузке страницы
document.addEventListener('DOMContentLoaded',function(){
document.body.classlist.remove('loading');
})
Это не рекомендуется - в основном потому, что ваши CSS, JavaScript и HTML будут загружаться в разное время, так что вы вероятно, получит разные результаты в зависимости от времени загрузки ваших активов.
Если, конечно, вы не заключаете удаление класса в функцию settimeout, но опять же проблема в том, что вы добавляете ненужную «фальшивую» загрузку страницы, заставляющую страницу казаться еще медленнее