Внутренняя текстовая тень с CSS
Я в настоящее время играю вокруг с CSS3 и пытаюсь достигнуть текстового эффекта как это (черная расплывчатая внутренняя тень):
Но я не могу найти способ создать текстовые тени в тексте. Интересно, возможно ли это все еще, потому что теневой полем элемент может представить тень внутри как это:
box-shadow: inset 0px -5px 10px 0px rgba(0, 0, 0, 0.5);
Какие-либо идеи?
2 ответа
Вы можете это сделать. К сожалению, нет возможности использовать вставку для text-shadow, но вы можете подделать ее цветом и положением. Возьмите размытие прямо вниз и расположите тень по верхнему правому краю. Что-то вроде этого может помочь:
background-color:#D7CFBA;
color:#38373D;
font-weight:bold;
text-shadow:1px 1px 0 #FFFFFF;
... но вы должны быть очень, очень осторожны с тем, какие цвета вы используете, иначе это будет выглядеть нечетко. По сути, это оптическая иллюзия, поэтому она не сработает в любом контексте. Это также не очень хорошо выглядит при меньшем размере шрифта, так что имейте это в виду.
Попробуйте эту маленькую жемчужину вариации:
text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
Обычно я воспринимаю «нет ответа» как вызов