2013-03-16 14 views
6

Dlaczego właściwość animation nie działa na selektorze ::selection w CSS?:: animacja wyboru

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

Odpowiedz

3

pisałem Tab Atkins, a on odpowiada:

Generalnie większość przeglądarek mają problemy z systemem animacji na pseudo-elementów. Stopniowo naprawiamy te problemy, ale praca jest powolna, ponieważ są one dość skomplikowane w przeglądarce . Ponadto, pseudoelement :: selection jest skomplikowanym pseudoelementem we wszystkich CSS. To jest tak skomplikowane, że my, , wyraźnie nie zdefiniowaliśmy go w naszych specyfikacjach, dopóki nie wymyślimy, jak to jest właściwie określić w sposób, który działa dobrze.

3

Większość z tego, co widzę na animation jest:

Dotyczy: wszystkich elementów, :: :: przed i po pseudo-elementów

Która sugeruje nie inne pseudoelementy czy stany?

+0

Nie jestem ekspertem od CSS i nie wiem, że to jest powód – vol7ron

+0

Myślę, że po prostu zapomnieli go dodać! nie ma powodu, żeby go nie wspierać – vsync

+0

Myślę, że to również zostało pominięte. Może spytasz Tab Atkinsa? –