css – ::选择动画

前端之家收集整理的这篇文章主要介绍了css – ::选择动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为什么动画属性不适用于CSS中的:: selection selector?

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

解决方法

我在 animation上看到的大部分内容是:

Applies To: all elements,::before and ::after pseudo-elements

这表明不是其他伪元素或状态?

猜你在找的CSS相关文章