hover

Bonjour je souhaiterai refaire le hover du menu de cette page : http://livedemo00.template-help.com/wt_50454/ sauriez vous comment je pourrai faire ? j'arrive a peu près à refaire l'animation en css, mais elle se fait à l'infini si on garde la souris sur le <li>. Une idée pour que ça marche ? cordialement

Pour le lien que tu nous a donner chez moi l’animation se fait correctement…

idem

c'est ce que je m'inspire en fait, ce que je veux reproduire mon problème, c'est que à la fin de l'animation, ça revient normal en fait.

cordialement

edit :

je viens de trouver

pour que mon animation ne se fasse qu'une fois, et qu'elle reste comme quand elle est à 100% :

1

-webkit-animation-iteration-count: 1; animation-iteration-count: 1; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards;

Si tu veux juste une "ombre qui descend" au survol de la souris, un hover suffit. Un deuxieme état dans la propriété :hover et un transform: all sur ton contener devrait marcher.