Плавное появление страниц сайта

CSS:

.body_hide {
	opacity: 0;
	transition: .9s opacity ease-in-out;
}
.body_visible {
	opacity: 1;
}

К тегу <body> нужно добавить класс body_hide. Для Вордпресс:

add_filter( 'body_class','my_body_classes' );
function my_body_classes( $classes ) {
 
    $classes[] = 'body_hide';
     
    return $classes;
     
}

jQuery:

jQuery(document).ready(function($) {
   setTimeout(function(){
	$('body').addClass('body_visible');
}, 200);
});

или JavaScript:

setTimeout(function(){
	document.body.classList.add('body_visible');
}, 200);

Источник