Лучший способ кодирования CSS3 Shadows?

Question

Я пытаюсь оформить этот заголовок.Он слегка выдвигается из стороны в сторону, чтобы придать ему эффект 3D.См. Ниже:

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

Я думаю о том, чтобы сделать правую и нижнюю границу границей, но тогда какой техники я могу добиться, чтобы получить правый край?Можно ли использовать CSS3 для создания этого дизайна?

Answer 1

Это настолько близко, что я мог бы скинуть несколько css с макушки головы: может понадобиться добавить некоторые префиксы поставщиков, но работает до IE7.

fiddle

правка: исправленная скрипка.

Answer 2

С двухсторонней границей и тенью у вас возникнут проблемы, посмотрите на мою скрипку: http://jsfiddle.net/DoubleYo/nYKn3/

Я попробую третий способ с: перед тем, как поместить второй div в