-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の色がぼやけてしまいます。

-webkit-transformで： http://jsfiddle.net/Wr5St/

-webkit-transformなければ：あなたは私が何を意味するか見ることができるように、私はjsFiddleにこれを入れている http://jsfiddle.net/Wr5St/1/

誰もが回避策を知っていますか、何をこれが原因でしょうか？ -webkit-transformを削除すると、影の問題は解決しますが、明白な理由から私にとっては選択肢ではありません。

Answer 1

代わりにrgbaとして色を指定しようとしましたか？