[Résolu] Transition : allé sans retour

Bonsoir,

J'ai fait une transition en css pour que le logo au centre de ma bannière se déplace, voyez plutôt :
http://doutre.olympe.in/site-en-construction/ (le site n'est pas fini)

Seulement la transition s'effectue normalement lorsque l'on met son curseur sur l'image, mais lorsqu'on l'enlève, l'image revient directement à sa place, sans transition.

Voilà le css de la transition :

.lilogo .alogo:hover{
	-webkit-transition-duration: 0.15s;
	-webkit-transition-property:top;
	-moz-transition-duration: 0.15s;
	-moz-transition-property: top;
	-ms-transition-duration: 0.15s;
	-ms-transition-property: top;	
	-o-transition-duration: 0.15s;
	-o-transition-property: top;
	transition-duration: 0.15s;
	transition-property: top;
}

Vous auriez une idée ?

Bonjour,

je pense qu'il faut aussi appliquer la transition à .lilogo .alogo

Et puis les transitions ont évoluées en termes de préfixe

Ah cool ça marche ! Merci !

Qu'est ce que tu veux dire par "Les transitions ont évoluées en termes de préfixe" ?

Les transitions ne sont plus préfixées sur FF, CH et OP.

rodolpheb a écrit :
Les transitions ne sont plus préfixées sur FF, CH et OP.

Sur les toutes dernières versions. Mais quand au lien proposé, plutôt que la fonction recherche du site (plutôt moyenne je trouve), il vaut mieux tomber sur la page dédiée à la fonction via Google (rapport plus complet).
Modifié par Olivier C (22 Mar 2013 - 02:00)

Merci OlivierC pour la précision.

Vous pouvez passer votre message en résolu

Merci !