Question

无论出于何种原因，当我将CSS变换应用于已经应用了文本阴影的段落时，文本阴影的颜色将成为段落的颜色，无论我在文本阴影中指定的颜色如何CSS。这个问题似乎只发生在Chrome上，它在Firefox中运行良好。下面的示例网站应该证明这一点。

<html>
    <head>
        <style type="text/css">
        p
        {
            text-shadow: 10px 10px #000000;
            color:#FF0000;
            -webkit-transform:rotateY(10deg);
        }
        </style>
    </head>
    <body>
        <p>Hello world!  Chrome will work now?</p>
    </body>
</html>

有没有办法将旋转应用于段落并使其正确渲染文本阴影？

Answer 1

为了回答我自己的问题，希望它能节省别人的时间，经过一些修修补补，似乎在文字阴影中添加了一个正面或负面的模糊，解决了这个问题。更换 text-shadow: 10px 10px #000000; 同 text-shadow: 10px 10px -1px #000000; 以适当的颜色显示文本阴影。

Chrome在已转换的段落上显示文字阴影颜色

1 个答案: