Эффект высокой печати с помощью CSS

Я хочу сделать эффект высокой печати следующим образом: http://img208.imageshack.us/img208/6421/letterpress.png  в CSS. но я не могу найти подходящую тень для текста.

Цвет слова: # 2f4050 Цвет фона: # 4f6478

я пробовал это с:

.letterpress {
    color:#2f4050;
    font-family:Tahoma, Helvetica, Arial, sans-serif;
    font-size:70px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    text-align:center;
    text-shadow:#4f6478 0 1px 5px; 
}

но это, похоже, не помогает.

 Katti31 мая 2012 г., 11:23
Да, изображение сломано.
 Bart De Kimpe31 мая 2012 г., 11:26
 cchana31 мая 2012 г., 11:21
Изображение, на которое вы ссылаетесь, по крайней мере для меня повреждено.

Ответы на вопрос(6)

Вы даете один и тот же цвет для фона и тени текста.

Придание более светлого цвета тени текста по сравнению с фоном, а цвет текста решает проблему.

Спасибо.

Решение Вопроса
.letterpress {
    color:#2f4050;
    font-family:Tahoma, Helvetica, Arial, sans-serif;
    font-size:70px;
    text-align:center;
    text-shadow: 0 1px 1px #fff; 
}

Это должно сделать это. Btw. Вы не должны объявлять «нормальный» пары значений

 27 авг. 2013 г., 23:30
Скрипки:jsfiddle.net/ThZce

Чтобы создать эффект высокой печати, нам нужно добавить тень, которая светлее цвета текста, чтобы обеспечить правильную работу эффекта.

Ваша тень текста того же цвета, что и фон. Вы должны использовать более светлый цвет, как#809bb5, Или вы можете использовать значение RGBA, например,text-shadow: 0 1px 5px rgba(255,255,255,0.4);, Последнее число - альфа-прозрачность (непрозрачность).

Я слегка подправил тень ...http://jsfiddle.net/qmqF5/

Используйте более светлый цвет для тени и меньше размытия. Что-то вроде:

text-shadow: 1px 1px 2px #6ab;

Есть две тени. Попробуйте что-то вроде

text-shadow: 1px 1px rgba(255,255,255,0.2), -1px -1px rgba(0,0,0,0.5);

Это должно дать прозрачную белую тень справа внизу и прозрачную чернуюinner тень вверху слева.

Ваш ответ на вопрос