Effets HTML CSS 3 ? Transition fondu sur logo

Bonjour, Je souhaiterais faire un effet de fondu de mes logos comme sur cette page :

http://www.brad.ca/fr/clients/

Je n'y connais pas grand chose en HTML et CSS. Donc ce serait trés gentil si vous pouviez m'aider

Merci bonne journée
Modifié par mystickk (08 Jul 2013 - 23:08)

Je suis vraiment désolé d'insister mais c'est vraiment très important ... pis en plus c'est urgent j'ai 2 jours pour régler le problème ... merci

Bonjour,

Faire une recherche avec les termes rollover en JavaScript (plusieurs méthodes, approches, avec différents effets...)
Vous pouvez également vous inspirer de l'exemple proposé en étudiant le code source...

<div  class="clients_list_wrapper">
  <ul>
    <li >
      <img class="clients_img" src="/images/clients/logo/budweiser_1316113081.png" alt="Budweiser" title="Budweiser" width="250" height="145" />
      <img class="clients_img_over" src="/images/clients/logo_over/budweiser_over_1317060974.jpg" alt="Budweiser" title="Budweiser" width="250" height="145" />					
    </li>
et la suite...

<script type="text/javascript">
jQuery(function($){
$(".clients_img_over").css({'opacity':'0'});
$('.clients_list_wrapper li').hover( function(){
$(this).find('.clients_img_over').stop().fadeTo(200, 1);
//alert($(this));
},
function(){
$(this).find('.clients_img_over').stop().fadeTo(200, 0);
}
);
$('.clients_img,.clients_img_over').each(function(index) {
$(this).hide();
$(this).fadeIn(index *100 +100);
});
});
</script>