Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Rechercher dans le sujet :
Forum
» CSS et mise en forme, CSS3
» Retour de transition CSS3
Auteur
brillebrille
#
Citer
1 Posts
 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.
^
Florian_R
#
Citer
629 Posts
 Hello.

Du code ou une page en ligne? Les transitions bien codées n'ont pas ce genre de soucis.
J'aime bien gagner au ping-pong.
^
Pooley
#
Citer
60 Posts
 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;
	transition: all 500ms;
	-webkit-transition: all 500ms;
	-moz-transition: all 500ms;
}

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


http://www.el-be.fr 
^
Prévenir un modérateur
Répondre au sujet
Aller à