28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Développeur débutant, amateur à mes heures perdues, je test actuellement CSS3 et ses animations.
J'ai appliqué une transition à un :hover
Quand la souris passe sur l'élément, l'effet de transition se passe bien mais mon problème est quand la souris quitte l'élément. D'après ce que je vois des différents exemples sur internet, l'effet devrait se faire en sens inverse lorsque l'on quitte l'élément mais dans mon cas mon texte revient à sa position initiale instantanément.
Quelqu'un pour me guider ?

Merci bien.
J'avais aussi ce problème là. je l'ai résolu en ajoutant la transition dans le css de l'élément comme suit :


input#bouton{
	width: 80px;
	opacity: 0.4;
	[b]transition: all 500ms;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;[/b]
}

input#bouton:hover{
	width: 450px;
	opacity: 1;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-moz-transition:  all 500ms ease;
}