Ajoutez du style à vos listes ordonnées

:salut:

Je vous propose une traduction de l'article anglophone CSS3 ordered list styles par Catalin Rosu, webmaster de Red Team Design.

Cet article vous présente comment utiliser CSS3 pour apporter des styles modernes à vos listes ordonnées.

:fleche: Ajoutez du style à vos listes ordonnées

N'hésitez pas à faire part de vos remarques et commentaires sur cet article !

:merci:

Citation:

---

Envoyé par Bovino

Des animations de la numérotation ont été ajoutées au survol dans la démo. Malheureusement, il semble qu'actuellement, seul Firefox permet d'animer des pseudoéléments.

---

De ce que j'ai pu voir de votre exemple, sur Safari (5.1.5 sur Mac), le survol provoque bien un changement de couleur sur le gris, des flèches apparaissent à côté des carrés rouges, et les ronds passent du gris au jaune.

Ce sont bien de ces animations dont vous parliez ?

Non.
Les effets sont effectivement visibles sur tous les navigateurs, mais les transitions (rotation des puces de la première liste, apparition progressive de la flèche sur celles de la deuxième et agrandissement de celles de la troisième) ne sont visibles que sur Firefox.