CSS переходы с псевдоэлементами: before и: after - PullRequest
29 голосов
/ 21 марта 2012

Невозможно анимировать псевдоэлементы с -webkit-transition. Приведенная ниже скрипка показывает, что я имею в виду при запуске в Chrome / Safari. Думаю, это сейчас не поддерживается?

http://jsfiddle.net/4rnsx/130/

Ответы [ 3 ]

47 голосов
/ 18 февраля 2013

Ну, на самом деле, вы можете.

Вам просто нужно использовать часто забытое значение inherit.К сожалению, мы не можем (пока) напрямую нацеливать псевдоэлементы с помощью пользовательских анимаций, но мы, безусловно, можем позволить им использовать ту же анимацию «родительского» элемента, наследуя свойства, которые мы хотим анимировать.

скрипка здесь .

18 голосов
/ 24 января 2013

Исправлено в Google Chrome 3 января 2013 года.

На данный момент (я обновляю этот список) он поддерживается в:

  • FireFox 4.0 и выше
  • Chrome 26 и более поздние версии
  • IE 10 и более поздние версии

Ожидание загрузки обновлений Safari и Chrome для Android.

Вы можете проверить это самостоятельнов вашем браузере или

См. таблицу поддержки браузера .

8 голосов
/ 21 марта 2012
...