Transitions CSS avec: avant et: après les pseudo-éléments
Il ne semble pas pouvoir animer les pseudo-éléments avec -webkit-transition. Le violon ci-dessous montre ce que je veux dire lorsqu'il est exécuté dans Chrome/Safari, je suppose que cela n'est pas pris en charge pour le moment?
Corrigé dans Google Chrome le 3 janvier 2013.
À l'heure actuelle (je mets à jour cette liste), il est pris en charge dans:
- FireFox 4.0 et supérieur
- Chrome 26 et supérieur
- IE 10 et supérieur
En attente de Safari et Chrome pour Android pour extraire ces mises à jour).
Vous pouvez tester vous-même dans votre navigateur , ou
Voir le tableau de support du navigateur .
Eh bien, en fait, vous le pouvez.
Il vous suffit de tirer parti de la valeur inherit souvent oubliée. Malheureusement, nous ne pouvons pas (encore) cibler directement les pseudo-éléments avec des animations personnalisées, mais nous pouvons sûrement les laisser partager la même animation de l'élément "parent" en héritant des propriétés que nous souhaitons animer.
Voir mon violon ici .