Bonjour à toutes et tous !

Me revoilà avec une nouvelle question ! Je recherche à faire un effet fadeIn sur l’ensemble de mon 'body' au chargement de la page.

J'ai réussi à la faire avec ce code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
$(document.body).fade('in');
Le soucis c'est que j'aimerai paramétrer la durée de l'animation et éventuellement le type... et je n'arrive pas à le faire avec ce code.

Alors j'ai essayé ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
 
bodyFx = new Fx.Tween($(document.body), {
	property: 'visibility',
	duration: 500, 
	//transition: Fx.Transitions.Quart.easeInOut,
	//link: 'chain'
});
 
bodyFx.start('hidden', 'visible');
Quand j’exécute ce code le CSS du body est bien modifier mais de manière brutale, sans transition...

Quelqu'un a t'il des infos sur cette méthode ?? Ou une autre astuce pour faire un effet fadeIn avec mootools ??

Merci d'avance pour votre aide et bonne fin de journée !