Discussion :

[tribaleur]

Bonjour à tous.

Je ne comprend pas pourquoi, mais j'ai une transition qui ne fonctionne pas en CSS sous Safari/Chrome. Mes autres transitions fonctionnent bien ... il n'y en a qu'une qui refuse de fonctionner ... et je ne trouve pas pourquoi

L'idée ici est de faire un "zoom" sur l'image quand je passe la sourie dessus.

Voici le code CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.news-image a img{          
	-webkit-transition:transform 0.9s ease;
	        transition:transform 0.9s ease;
}
 
.news-image a:hover img{
	-webkit-transform:scale(1.05);
	        transform:scale(1.05);    
}

Sous FF et IE tout va bien. Mais sous Safarie/Chrome rien ne fonctionne.
J'ai pourtant bien utilisé -webkit-.
J'ai essayé en rajoutant un "!important" à la fin car cet appel ce fait dans un fichier de surcharge CSS. (Je n'ai pas accès au fichier CSS "de base". Je suis obligé d'utiliser la surcharge.)
J'ai rajouté ou enlevé un espace avant ou après les ":".

Je ne vois pas quoi faire d'autre ... j'utilise déjà des transitions, dans ce même fichier, qui fonctionnent sur Safarie/Chrome ... je vous met un exemple de code ici :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.sub-menu li{
	-webkit-transition: background-color 0.7s ease;
			transition: background-color 0.7s ease;
}

Si vous avez des idée je suis preneur

Merci d'avance.

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

-webkit-transition: -webkit-transform 0.9s ease;

[tribaleur]

Héhé ... en effet je n'avais pas pensé à écrire ça comme cela.

En tout cas merci à toi