Помнится, в своё время с тенями было проблемно. Как правило, их делали путём перекрытия. Ну, знаете, так называемая «Луковая шелуха». Три слоя, каждый из которых содержит фрагмент изображения тени, накладываясь друг на друга, позволяют получить единую тень. То есть, это три элемента
создать надо было.
Некоторые сами рисовали картинку в том же Фотошопе сразу с тенями, потом нарезали и в табличной разметке вставляли потом.
Сейчас, благо CSS постоянно улучшается, можно всё одной строчкой сделать.
{box-shadow: 1px 2px 3px #ffffff}
Читать далее →