Применение переходов WebKit к псевдоэлементам

Question

Я сделал Fiddle для справки: http://jsfiddle.net/xypQY/

К какому элементу я бы применил переходы WebKit для достижения эффекта Fade In, используя непрозрачность?

Answer 1

Это ошибка веб-набора, переходы не работают в Chrome или Safari на псевдоэлементах.

Пожалуйста, отметьте эту ошибку, чтобы, надеюсь, помочь шарику начать исправление:

Проблема 54699: переход CSS3 не применяется для псевдоэлементов

В Webkit было сообщено:

Ошибка 23209 - Переходы и анимации не применяются к содержимому, созданному CSS

, надеюсь, это будет исправлено в ближайшее время.

ОБНОВЛЕНИЕ: В Webkit добавлена ​​поддержка переходов 01.02.2013: https://trac.webkit.org/changeset/138632

Answer 2

Наконец-то ошибка исправлена ​​в Google Chrome.

Вы можете начать использовать transitions для псевдоэлементов, большинство Chromes уже обновлено по состоянию на 24 января 2013 года.

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

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