Как включить -webkit-animation/transition-свойство для: before и: after псевдоэлементов?
Как включить -webkit-animation
для: before и: после псевдоэлементов?
Вы можете увидеть в http://jsfiddle.net/4rnsx/, что он не работает: до и: после.
И здесь я пытаюсь включить эту функцию с помощью Mootools http://jsfiddle.net/6bzCS/.
Mozilla - будет поддерживать его в Firefox 4 https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 поддерживает свойство перехода для всех элементов: before и: после псевдо элементов 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/ и демонстрация?
Ответы
Ответ 1
jsFiddle, упомянутый в вопросе, кажется прекрасным в современных браузерах Chrome и Safari. Я думаю, что анимационная сторона вещи была решена путем эволюции браузера.
Тем не менее, все еще существует выдающаяся/открытая ошибка для стороны перехода:
http://code.google.com/p/chromium/issues/detail?id=54699
Ответ 2
Исправлена ошибка в Google Chrome 24 3 января 2013 года.
Ожидание перехода Safari на эти обновления.
Посмотрите, как обстоят дела с другими браузерами здесь