28172 sujets

CSS et mise en forme, CSS3

bonjour à tous,
je suis confronté à un petit problème, j'ai des images qui s'animent au survol de la souris pour cela j’utilise ce code:

.twitter-abo, .google-abo, .rss-abo, .fb-abo{

margin-right: 15px;
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);

-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

.twitter-abo:hover, .google-abo:hover, .rss-abo:hover, .fb-abo:hover{

margin-right: 15px;
-moz-transform: rotate(45deg) scale(1.1);
-webkit-transform: rotate(45deg) scale(1.1);
-o-transform: rotate(45deg) scale(1.1);
-ms-transform: rotate(45deg) scale(1.1);
transform: rotate(45deg) scale(1.1) ;

-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}


L'animation est niquel sur tous les navigateurs que j'ai essayé, mais l'animation est pas fluide du tout et décale carrément des éléments du site (de 1px mais c'est gênant) quand je test sur Chrome et seulement Chrome sur Windows Vista, j'ai essayé avec Chrome Canary sur Vista le bug est là aussi, donc ça ne vient pas de la version de Chrome mais bien du couple Chrome + Windows Vista.
Sinon Firefox, Opera sous Vista c'est impecc aussi.

j'ai essayé sur Chrome sous Windows 7, 8, ubuntu, Mint c'est impeccable, je ne comprend est-ce un bug connu ?