Проблема Chrome с цветом текста-тени на преобразованных абзацах - PullRequest
Новая
       15

Проблема Chrome с цветом текста-тени на преобразованных абзацах

1 голос
/ 16 февраля 2012

По какой-то причине, когда я применяю преобразование 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>

Есть ли способ применить вращение к абзацу и сделать так, чтобы он правильно отображал текстовую тень?

1 Ответ

3 голосов
/ 17 февраля 2012

Чтобы ответить на мой собственный вопрос в надежде на то, что это сэкономит кому-то еще время, после некоторой работы кажется, что добавление размытия, положительного или отрицательного, к тени текста устранило эту проблему.Замена text-shadow: 10px 10px #000000; на text-shadow: 10px 10px -1px #000000; отображает тень текста соответствующего цвета.

...