Странная анимация цвета

[Zverushka]

http://jsfiddle.net/Zverushka/D2x4y/

Вы можете заметить, что при анимации цвет сначала становится темнее, а в конце анимации светлее - почему?

[Светлана Г.]

А вот если прописать фон для div, такого не происходит...

[Great Rash]

Chrome 32 - всё ок.

[Светлана Г.]

Chrome 32 - всё ок.

У меня Chrome последняя версия (Версия 32.0.1700.76), но происходит.

[klierik]

Chrome 32 - всё ок.

+1

[Zverushka]

Может это чисто визуальный эффект цвета? Потому как если брать яркие цвета - то я этого не вижу.

Эффект таков, будто цвет сначала ярче - а в конце тусклее.

http://jsfiddle.net/Zverushka/D2x4y/5/

[npofopr]

Закапайте лучше в глаза что нибудь. 

Чисто визуальных эффект. Иначе бы и на черном цвете такое же видели.

[Great Rash]

Есть мнение, что у вам просто кажется и всего делов.

[Zverushka]

Действительно. если прописать белый цвет в ненаведенном состоянии - то вроде такого эффекта нет (но нужен начальный прозрачный). Эффект очень слабый - мне кажется не каждый заметит, но если присмотреться - видится мерцание.

Edited January 16, 2014 by Zverushka

[klierik]

http://jsfiddle.net/klierik/D2x4y/9/
Вот посомтри в замедленом. все вроде отлично

[Zverushka]

http://jsfiddle.net/Zverushka/D2x4y/10/ Вот достаточно наглядно видна разница - первая строка - мерцает, вторая нет (с начальным цветом)

Edited January 16, 2014 by Zverushka

[SelenIT]

Возможно, причина та же, что у артефактов CSS-треугольников в Fx — transparent не просто прозрачный, а прозрачный черный (rgba(0,0,0,0)). Соответственно, лекарство — использовать вместо него rgba(247,249,249,0), т.е. конечный цвет с полной прозрачностью.