Как сделать плавное появление контента?

Question

[Combat7]

Сделал через вот такой код

$(document).ready(function() {
$("body").css("display", "none");
$("body").fadeIn(800);
});

Стоит в шапке.
Но когда грузится страница, сначала появляется голый макет, и только потом этот эффект. как побороть?

Answer 1

[Алексей]

Попробуйте в head добавить

<style>
body {
  display: none;
}
</style>

Answer 2

[Михаил Румянцев]

Потому что сначала прогружается и рендерится html, а потом выполняется скрипт. Вы же сами пишете -
$(document).ready
Можно сделать, как предложил Алексей, но с точки зрения производительности лучше воспользоваться opacity