css - css 选择伪元素动画

Question

为什么该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; }

<h2>Selected text should be animated:</h2>
CSS3 animations make it possible to animate transitions from one CSS style configuration to another. Animations consist of two components, a style describing the CSS animation and a set of keyframes that indicate the start and end states of the animation's style, as well as possible intermediate waypoints along the way.

score 6 · Accepted Answer

我写了 Tab Atkins，他回答：

一般来说，大多数浏览器在伪元素上运行动画都有问题。我们正在逐步解决这些问题，但工作缓慢，因为伪元素在浏览器中处理起来相当复杂。

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

score 3 · Accepted Answer

我在动画上看到的大部分内容是：

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

哪个不暗示其他伪元素或状态？

css - css 选择伪元素动画

基本测试用例：

2 回答 2

Related