-webkit-变换去饱和文字阴影

2012-03-05 70 views 1 likes

考虑了h2元以下的CSS：-webkit-变换去饱和文字阴影

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解决了阴影的问题，但显而易见的原因不适合我。

来源

2012-03-05 BenM

在这两个示例中，我都看不到任何渲染阴影颜色的差异 – 2012-03-05 17:25:35

回答

您是否尝试过将颜色指定为rgba？

来源

2012-03-05 17:26:04 pixelutely

使用'rgba（）'除了alpha值1以外的任何值都可以使用。将α设置为1仍然不饱和。我现在可以使用0.99 - 感谢您的帮助。 – BenM 2012-03-05 17:33:26

-webkit-变换去饱和文字阴影

回答

相关问题