:: выбор анимации
Почему не animation
собственность работает на ::selection
селектор в CSS?
/* Basic test case: */
body{ color:blue; }
@keyframes slc{
50%{ color:red; }
}
@-webkit-keyframes slc{
50%{ color:red;; }
}
/* Custom Selection Styles */
::selection{ background:#EEE; animation:0.4s slc infinite; }
::-moz-selection{ background:#EEE; animation:0.4s slc infinite;}
::-webkit-selection{ background:#EEE; -webkit-animation:0.4s slc infinite; }
2 ответа
Решение
Я написал Tab Atkins, и он отвечает:
В целом, у большинства браузеров возникают проблемы при запуске анимации на псевдоэлементах. Мы постепенно исправляем эти проблемы, но это медленная работа, потому что псевдоэлементы довольно сложно обрабатывать в браузере.
Кроме того, псевдоэлемент::selection является наиболее сложным псевдоэлементом во всем CSS. Это так сложно, мы явно не определили это в наших спецификациях, пока не выясним, как на самом деле указать это так, чтобы это работало хорошо.
Большая часть того, что я вижу на анимации:
Применяется к: всем элементам, псевдоэлементам::before и::after
Что предполагает не другие псевдоэлементы или состояния?