::选择动画

Question

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

Demo Page

/* 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; } 

Answer 1

我写标签阿特金斯，他回答说：

一般来说，大多数浏览器对 伪元素运行故障动画。我们正在逐步解决这些问题，但它的速度很慢，因为伪元素在 浏览器中处理起来相当复杂。最重要的是，:: selection伪元素是所有CSS中复杂的伪元素。它太复杂了，我们 明确地没有在我们的规格中定义它，直到我们弄清楚如何 实际上指定它在一个很好的方式。

Answer 2

大部分我所看到的animation是：

适用于：所有元素，前::和:: after伪元素

哪不建议其他伪元素或状态？