Может я конечно неправильно понял:
<style>
body.fade{
opacity: 0;
}
body.appear{
opacity: 1;
transition: opacity 3s;
}
</style>
<body>
<script>
document.body.className = 'fade';
</script>
<p>Плавное появление контента
</p>
<p>Подскажите идею как сделать чтоб при
запросе старницы она появлялась плавно. то есть, например если общий фон белый -
то на нем просто плавно появляется все содержимое. Если бекграунд картинкой -
то сначала плавно появляется бекграунд, а затем на нем опять
же плавно появляется содержимое
</p>
<p>Сапсибо
</p>
<script>
setTimeout(function(){
document.body.className = 'appear';
}, 0);
</script>
</body>