:: выбор анимации

Почему не 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

Что предполагает не другие псевдоэлементы или состояния?

Другие вопросы по тегам