Animer l'opacité avec jQuery fadeTo

La fonction jQuery.fadeTo permet de créer une transition pour faire apparaître ou disparaitre un élément HTML à une certaine opacité. Par exemple, ce code va avoir pour effet de créer une transition de l'opacité à 50% :

jQuery(document).ready(function($){
	$('#element').fadeTo(0.5);
});

Tout comme les fonctions fadeIn et fadeOut, il est possible de spécifier la vitesse de la transition dans l'animation : slow ou fast :

jQuery(document).ready(function($){
	$('#element').fadeTo('fast', 0.5);
});

Cette page peut vous intéresser : différence entre format xls et xlsx à lire tout de suite !

Le 3éme paramètres correspond à une fonction callback qui sera exécutée à la fin de l'animation, ça peut servir à déclencher une autre animation qui doit commencer uniquement quand la transition d'opacité est terminée :

jQuery(document).ready(function($){
	$('#element').fadeTo('fast', 0.5, function(){
		$(this).css('background-color', 'red');
	});
});

Découvrez ce tutoriel photoshop : tron legacy à lire tout de suite !