2010-10-04 5 views
15

Comment activer -webkit-animation pour: avant et après des pseudo-éléments?Comment activer -webkit-animation/transition-propriété pour: avant et après les pseudo-éléments?

Vous pouvez voir dans http://jsfiddle.net/4rnsx/ que cela ne fonctionne pas pour: avant et: après.
Et ici j'essaie d'activer cette fonctionnalité avec Mootools http://jsfiddle.net/6bzCS/.


Mozilla - soutiendra dans Firefox 4 https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 soutient la transition-propriété pour tous les éléments,: avant et: après éléments pseudo http://www.w3.org/TR/css3-transitions/#transition-property


Mise à jour : Comment activer fadein, fadeout pour CSS3 info-bulle http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using-css3-and-jquery/ et demo?

+0

désolé mais pourquoi ne voulez-vous faire le fondu comme un filtre préfixé de navigateur propriétaire? mootools fournit une méthode d'évanouissement des éléments dans et hors-navigateur parfaitement viable, consultez 'element.fade()' sur les docs de mootools. –

+1

mootools 'el.fade()' ne fonctionne pas pour: avant et: après les pseudo-éléments – Binyamin

+0

hrm, bon appel. ne peut pas sembler utiliser un sélecteur pour récupérer l'élément: before - question intéressante ++ et oui, je suis sûr que vous pouvez le refactoriser mais ce n'est pas le point. –

Répondre

2

Le jsFiddle mentionné dans la question apparaît correctement dans les navigateurs Chrome et Safari modernes. Je pense que le côté animation de la chose a été résolu par l'évolution du navigateur.

Cependant, il y a encore un bug exceptionnel/ouvert du côté de transition des choses: http://code.google.com/p/chromium/issues/detail?id=54699

+0

Vous avez raison. J'ai ouvert ce problème de webkit et semble qu'il ne sera toujours pas corrigé sur Chrome 18. Dommage que le problème ait été ouvert depuis Chrome 6. – Binyamin

Questions connexes