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？

-webkit-transform去饱和文本阴影

1 个答案: