[Résolu] Mouse out avec CSS uniquement ?

Bonjour,

Si on obtient facilement une transition avec une valeur hover, comment obtenir cette même transition mouseout mais sans javascript, uniquement CSS ?

Je ne suis pas parvenu à trouver une solution simple et convaincante...

Bien à vous

Hello,

Je suis pas certain d'avoir compris mais pour avoir la même transition au mouseout, j'aurai mis la transition sur l'élément en question en CSS.

Exemple:

.toto{
 transition: top 1s ease;
}

.toto:hover{
 transition: top 1s ease;
}

allan00958 a écrit :
Hello,

Je suis pas certain d'avoir compris mais pour avoir la même transition au mouseout, j'aurai mis la transition sur l'élément en question en CSS.

Exemple:

.toto{
 transition: top 1s ease;
}

.toto:hover{
 transition: top 1s ease;
}

je pense que c'est probablement

.toto{
top:0;
 transition: top 1s ease;
}

.toto:hover{
top:10px;
 transition: top 0s ;
}

pour ne pas avoir de transition sur :hover , mais seulement quand on revient à l'état initial (mouseout , la transition se déclenche , mouseover , pas de transition).

Enfin sans exemple du soucis, c'est peut-être moins simple que cela en à l'air

Cdt

Merci beaucoup pour vos réponses ! Je n'imaginais pas que c'était si simple, donc super, ça fonctionne !!!!