Тень у блока

[Vlad]

В CSS3 есть свойство box-shadow для создания тени. Можно ли с его помощью сделать тень только слева и справа от блока?

[swetlana]

по крайней мере мне не удалось.

Возникала ровно такая же задача, но решилась она непотребным хаком.

Вообще само свойство подразумевает, что форма тени повторяет форму самого элемента, и может иметь размытие или смещение.

Смещение — в одну из сторон.

Размытие — во все сразу.

лево и право одновременно не попадают ни под одну из этих схем.

[Vlad]

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

-moz-box-shadow: 7px 0 5px -3px #666, -7px 0 5px -3px #666;

Результат не очень нравится, видимо в каждом конкретном случае придется значения подгонять.

А что за хак у вас был, какого рода?

[swetlana]

лишнюю тень приходилось перекрывать.

А несколько теней — это может подойти, но далеко не во всех случаях.

Всё равно же каждая из теней остаётся подчинена всё тем же правилам.