Flash blanc avec les propriétés css d'animation

Bonjour,

J'ai actuellement un problème récurent sous tous les navigateurs (sauf IE, pas testé) :

J'utilise des propriétés CSS3 pour animer quelques parties de mon site, mais un flash blanc apparait sur chaque page de façon aléatoire sur toute la page du navigateur, ou en hover sur les éléments HTML concernés. Malheureusement, ce flash se produit une fois lorsque la page est chargée, puis ne se reproduit plus, il est donc difficile de l'identifier (soluce : vidage du cache + f5).

Voici deux sites pour lesquels ce problème surgit :

http://www.click-away.fr/infos
Lors du survol des photos afin de déclencher le Flash, ou les listes ul / li du Footer

http://www.kiranriehl.fr/
Lors du survol du logo HTML5 dans le Header


A chaque fois, j'utilise les mêmes propriétés CSS3 :

a écrit :
transition : transform x.xs ease-in-out;
transform : scale (x.x) rotate(xxdeg);

Exemple :

.contact-detail-reseaux img {
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}


.contact-detail-reseaux img:hover {
	-webkit-transform: scale(1.2) rotate(20deg);
	-moz-transform: scale(1.2) rotate(20deg);
	-o-transform: scale(1.2) rotate(20deg);
	transform: scale(1.2) rotate(20deg);	
}

Je suis persuadé que cela provient de ces propriétés CSS car une fois enlevé, je n'ai plus aucun soucis de Flash blanc (Bleu sur Safari OSX)
La plupart des tests ont été effectés avec Chrome, mais le Flash apparait sur :
Safari
Firefox
Chrome


Si quelqu'un a déjà eu ce problème, ou connait une solution pour palier ce Flash assez génant, je suis bien évidemment preneur.
Merci de votre attention

Cordialement
Modifié par Kiran (30 Nov 2011 - 14:46)