2013-03-16 17 views
6

Perché la proprietà animation non funziona sul selettore ::selection in CSS?:: selezione animazione

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

risposta

3

ho scritto Tab Atkins e lui risponde:

In generale, la maggior parte dei browser hanno problemi a girare le animazioni su pseudo-elementi. Stiamo risolvendo gradualmente questi problemi, ma è lento il lavoro , perché gli pseudo-elementi sono piuttosto complicati da gestire nel browser .

Inoltre, lo pseudo-elemento :: selection è lo più pseudo-elemento complicato in tutti i CSS. È così complicato, lo abbiamo esplicitamente definito nelle nostre specifiche fino alle finché non scopriremo come fare in modo che lo lo specifichi in un modo che funzioni bene.

3

La maggior parte di quello che vedo sul animation è:

Si applica a: tutti gli elementi, prima e :: :: dopo pseudo-elementi

Quale suggerisce non altri pseudo-elementi o stati?

+0

Non sono un esperto di CSS e non so che questo è il motivo – vol7ron

+0

Penso che abbiano semplicemente dimenticato di aggiungerlo! non c'è ragione di non supportarlo – vsync

+0

Penso che sia mancato anche a me. Forse chiedi a Tab Atkins? –

Problemi correlati