[Résolu] Transition-property inverse pour un margin-left

Salut

Je pense pas que le titre de ma discussion soit claire, mais je ne savais pas comment écrire mon titre .

Pour le hover d'un menu j'ai ça :

.menu-gauche ul li a {
	text-decoration:none;
	padding-left:7px;
	@extend .bleu-c;
}

.menu-gauche ul li a:hover,
.menu-gauche ul li.active a {
	@extend .bleu-d;
	margin-left:20px;
	box-shadow:1px 1px 12px #000;
	transition-duration:1s;
    transition-property:background-color,color,box-shadow,margin-left;
}

Mais quant j’enlève de curseur le bouton se remet en place trop rapidement sur la gauche. Je préférerais qu'il revienne en place doucement.

Est-ce possible ? .
Modifié par schtroumph (19 Mar 2020 - 15:55)

Tu veux dire : " Il faut aussi mettre la transition sur la règle première... ". Car bêtement je l'ai mis uniquement dans le premier et pas dans le :hover ... . Et bien sûr ça ne marche que pour le retour.

Merci pour le tuyau