-webkit-transform desaturating text-shadow

Question

Рассмотрим следующий CSS для элемента h2:

h2 {
    -webkit-transition-property: -webkit-transform;
    -webkit-transform-origin-x: 0px;
    -webkit-transform-origin-y: 0px;
    -webkit-transition-duration: 0ms;
    -webkit-transform: translate3d(0px, 0px, 0px) scale(1);
    text-shadow: 0 1px 0 #ff00ff;
}

Ожидается, что элемент должен иметь розовую текстовую тень. Однако по какой-то причине свойство -webkit-transform вызывает ухудшение цвета text-shadow. Я поместил это в jsFiddle, чтобы вы могли видеть, что я имею в виду:

С -webkit-transform: http://jsfiddle.net/Wr5St/

Без -webkit-transform: http://jsfiddle.net/Wr5St/1/

Кто-нибудь знает об обходном пути, или что может быть причиной этого? Удаление -webkit-transform решает проблему для тени, но по понятным причинам для меня это не вариант.

Answer 1

Вы пытались указать цвет вместо rgba?