-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？