Как включить -webkit-анимацию / переход - свойство для: до и: после псевдоэлементов?

Question

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

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


Mozilla - поддержит его в Firefox 4 https://developer.mozilla.org/en/css/-moz-transition-property.
W3c. - CSS3 поддерживает переход - свойство для всех элементов: до и: после псевдоэлементов http://www.w3.org/tr/csss3-transitions/#transition-property.


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

Answer 1

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

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

Answer 2

Ошибка фиксируется в Google Chrome 24, 3 января 2013 года.

Жду сафари, чтобы потянуть эти обновления.

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