-webkit变换使文本阴影不饱和

Question

考虑h2元素的以下CSS：

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？