Как включить -webkit-animation / transition-property для: before и: after псевдоэлементов?

Question

Как включить -webkit-animation для псевдоэлементов: before и: after?

В http://jsfiddle.net/4rnsx/ вы можете видеть, что он не работает: до и после.
И здесь я пытаюсь включить эту функцию с Mootools http://jsfiddle.net/6bzCS/.


Mozilla - будет поддерживать его в Firefox 4 https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 поддерживает свойство transition для всех элементов: псевдоэлементов before и: after http://www.w3.org/TR/css3-transitions/#transition-property


Обновление: Как включить fadein, fadeout для всплывающей подсказки CSS3 http://css -plus.com / 2010/04 / create-a-speech-bubble-tooltip-using-css3- and-jquery / и demo ?

Answer 1

Ошибка исправлена ​​в Google Chrome 24 3 января 2013 г.

Ожидание Safari для получения этих обновлений.

Посмотрите, как обстоят дела с другими браузерами здесь

Answer 2

Упомянутый в вопросе jsFiddle прекрасно работает в современных браузерах Chrome и Safari.Я думаю, что анимационная сторона вещей была решена эволюцией браузера.

Однако, есть еще выдающаяся / открытая ошибка для переходной стороны вещей: http://code.google.com/p/chromium/issues/detail?id=54699