efecto fade in toda la pagina, se puede?

[gulp]

Hola, se puede hacer un efecto de Fade in de toda una página?
Quiero que al entrar a una pagina, automaticamente esté el efecto, osea, entro a xxxxx.com y la pagina va apareciendo (con el efecto).
Gracias

[gulp]

Creo que encontre la solución

Primero referenciar en la cabecera del documento HTML a la librería jQuery ( La podes descargar aca: http://jqueryjs.googlecode.com/files...y-1.3.2.min.js)

Código:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

Luego envuelvo toda la pagina adentro de un <div>

Código:

<div id="micontenido" style="display:none;">
    <!--Aca va el contenido-->
</div>

Después del div colocas el codido javascript

Código:

<script type="text/javascript">
$(document).ready(function(){
  $(document).ready(function () {
    $('#micontenido').fadeIn(1200);
  });
});
</script>

Funciona perfectamente. Si saben de otra forma mejor de hacerlo y mas vistoso, agreguenlo por favor.

Saludos