CSS3 loop animation with <ul>

J'essaie d'intégrer ce code à un site web

http://jsfiddle.net/kanelbula/PB4BB/

Mais lorsque j'ajoute deux items de plus, le changement d'items n'est pas "fluide", ça ne rend pas le même résultat qu'avec 3 items.

Merci d'avance pour l'aide

Bonjour,
il te faut re-séquencer ton animation pour tenir compte des nouveaux éléments de ta liste.

Aide toi d'un schéma pour mieux comprendre ce qui ce passe, un peu comme expliqué dans cette discussion Animation de transition.