durante il ridimensionamento di un elemento con scala css3, diventa pixel fino a quando non è completata l'animazione. Sto animare un elemento con un bordo

Question

http://jsfiddle.net/nicktheandroid/5Ytnj/

Quando aggiungo -webkit-backface-visibility: hidden; all'elemento .circ, che induce a rimanere pixel anche dopo che l'animazione è stata completata.

Mi chiedo se c'è un modo per farlo sparire durante l'animazione. L'ho visto nella versione dev di Google Chrome.

Answer 1

Okay, penso di aver escogitato un lavoro;

essenzialmente; non usare "scala". usa "scale3d" e fallo configurare in modo che il più grande che desideri sia l'scale3d(1,1,1).

Here è un esempio con la cosa circolare che hai avuto lì. Ho cambiato la scala in 5, perché non volevo inserire 0.222222222222222222222222222222222 nella funzione di scala3d ...

[modifica] Così ho provato di nuovo la demo di jsfiddle, su un computer senza accelerazione hardware, e l'effetto di pixelizzazione era andata. Quindi sembra che sia lo stesso problema con scale3d dove lo converte in una texture e poi lo ridimensiona. puoi fare come nel circ3 div here.