28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Dans un tableau, je cherche à mettre en avant des lignes pour en faciliter la lecture.
pour cela, je modifie la couleur de fond.
Je fais cela facilement avec
tr:hover td {background-color:red}


Mais, je souhaite aller plus loin, et annuler cette couleur de fond (pour reprendre les couleurs initiales) au bout d'un certain temps (2 secondes).
Typiquement, je souhaite faire un truc de ce genre, mais inversé (cad que le background disparait au bout de 2 secondes) :
tr:hover td {transition-delay: 2s;}


Je n'arrive pas à voir comment je peux réaliser un truc pareil !

Une idée ?

Merci pour votre aide

F. - Bordeaux
Modérateur
Hello,

Je ne ferais pas une transition mais plutôt une animation au survol qui ne se jouerait qu'une seule fois, qui ajouterait le background red et qui ensuite redeviendrait à la couleur initiale.

A toi de voir la durée de l'animation et les délais pour rendre l'effet voulu...

Ça pourrait le faire ?