несколько теней 3D текста с использованием CSS

Question

Я хочу придать эффект тени некоторым моим текстам на веб-сайте, чтобы они выглядели как 3D с использованием CSS. Возможно ли это?

Answer 1

Да, возможно иметь несколько text-shadow s для шрифта, просто используйте список значений через запятую:

p {
    text-shadow: 0.1em 0.1em 0.2em #ccc, 0.2em 0.2em 0.3 em #ddd /* ...other...*/
}

Answer 2

Используйте это

http://jsfiddle.net/RobertKolatzek/uk2my/1/

и попытайтесь понять, как это работает (цвета, размеры и т. Д.).

В нижней части вы получаете свойство text-shadow для копирования и вставки.

В простом случае вы используете текстовую тень для рендеринга 3D, а затем ее тень:

text-shadow: 0px 4px 0 #ccc, 0px 6px 0 #888;