Вопрос о свойстве text-shadow

[pvk]

Здравствуйте,

Вот такой макет я хочу сверстать:

С горем пополам "похожести" с исходной картинкой мне удалось добиться, но есть куда расти.

Подскажите пожалуйста, как добавить немного тени для заголовка (Lorem ipsum dolor), но только с одной стороны надписи.

Я хотел использовать свойство text-shadow, но требуемого результата не получил.

PS: Буду благодарен за комментарии и советы.

[sammasati]

С помощью text-shadow вот как-то так: http://jsfiddle.net/afRr4/

Полезное чтиво: http://htmlbook.ru/css/text-shadow

[pvk]

С помощью text-shadow вот как-то так: http://jsfiddle.net/afRr4/

Полезное чтиво: http://htmlbook.ru/css/text-shadow

Спасибо за ссылку.

Я к подобному результату тоже пришел, но тень добавляется ко всей надписи.

А мне же только надо добавить к нижней её части.

--

Хотя.. наверное это то что надо, спасибо

Edited January 14, 2012 by pvk

[sammasati]

Так у Вас в примере тоже ко всей надписи тень добавляется

[Softlink]

Как-нибудь так можно оформить ваш пример. А вот так я обычно делаю подобный эффект к большим заголовкам. Приловчился тенью нивелировать "рубленность" шрифтов на больших размерах. Т.е. sammasati предложил правильное направление, только размытие не указал.

[Gaspode]

В слоях у текстов/блоков должен быть эффект "Drop shadow", там расписаны параметры тени. Вот тут можно почитать, как на основе данных параметров получить css-ные.

[SelenIT]

Забудьте уже про -webkit-border-radius. Браузеры, не понимающие беспрефиксного синтаксиса, вымерли больше года назад и не стоят упоминания в приличном обществе

[pvk]

Так у Вас в примере тоже ко всей надписи тень добавляется

Да в средине ночи глаза уже не видят

Как-нибудь так можно оформить ваш пример. А вот так я обычно делаю подобный эффект к большим заголовкам. Приловчился тенью нивелировать "рубленность" шрифтов на больших размерах. Т.е. sammasati предложил правильное направление, только размытие не указал.

Большое спасибо, это как раз то что нужно.