28111 sujets

CSS et mise en forme, CSS3

Animation CSS avec 2 durées de transition (entrée - sortie)

Bonjour à tous,

Je trouve pas dans la doc CSS: je cherche à savoir si on peut faire une transition sur un hover avec deux durée différentes:
- 1 durée pour l'entrée en survol
- 1 durée pour la sortie du survol

Par exemple, pour un bouton tout bête, sur la couleur de fond:
- le bouton change de couleur en 0.5s à l'entrée du survol
- il revient à sa couleur initiale instantanément ( en 0s ) lorsque l'on quitte le survol.

merci
Salut,

a priori tu as juste besoin de mettre une transition sur le hover et une autre sans le hover avec des temps différents : https://jsfiddle.net/k7361uof/

button{
  transition: background-color 0s;
  background-color:green;
}

button:hover{
  transition: background-color 2s;
  background-color:red;
}
Meilleure solution
Prévenir un modérateur
Répondre au sujet
Aller à