css - псевдоэлементов - псевдоэлементы




Переходы CSS с: перед и: после псевдоэлементов (2)

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

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


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

К настоящему времени (я обновляю этот список) он поддерживается в:

  • FireFox 4.0 и выше
  • Chrome 26 и выше
  • IE 10 и выше

Ожидание Safari и Chrome для Android, чтобы вытащить эти обновления.

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

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


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

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

Смотрите на мою скрипку.





pseudo-element