::选择动画

vsy*_*ync 6 css css-animations

为什么animation属性不适::selection用于CSS中的选择器?

演示页面

@keyframes frames{ 
  50%{ color:red } 
}
@-webkit-keyframes frames{ 
  50%{ color:red } 
}

::selection        { background:#EEE;         animation:0.4s frames infinite; }
::-moz-selection   { background:#EEE;         animation:0.4s frames infinite; }
::-webkit-selection{ background:#EEE; -webkit-animation:0.4s frames infinite; }
Run Code Online (Sandbox Code Playgroud)

vsy*_*ync 6

我写了 Tab Atkins,他回答说:

一般来说,大多数浏览器都无法在伪元素上运行动画。我们正在逐步修复这些问题,但工作缓慢,因为在浏览器中处理伪元素非常复杂。

最重要的是,::selection 伪元素是 所有 CSS 中复杂的伪元素。它是如此复杂,我们在规范中明确地取消定义它,直到我们弄清楚如何以一种有效的方式实际指定它。