Автор Александр Малахов задал вопрос в разделе Другие языки и технологии
Вопрос про html. Как сделать тень блока только справа? и получил лучший ответ
Ответ от Александр Ермилов[гуру]
все забывают про четвертый параметр - растяжение.
сначала пример: .net/a1ex/PU93C/ (пробел перед .net убрать)
чтобы тень была ТОЛЬКО справа (только с одной стороны) при наличии размытия, его надо использовать обязательно. иначе тень будет также над блоком, и/или под блоком (id=shadow_1 в примере)
проблема одна - размер тени при этом не будет соответствовать размеру блока. (id=shadow_2)
исправить можно при помощи псевдоэлемента (id=shadow_3 и id=shadow_4 в примере) - могут быть некоторые проблемы (например, в FF в этом примере тень больше, а в Opera при скругленных уголках есть "артефакты") - тень рассчитывается по-разному в разных браузерах.
для IE<9 можно использовать фильтры, или .com (пробел перед .com убрать)
си, сс не изучал
box-shadow: 10px 0 5px #CCC;
где 10px - смещение вправо
0 - смещение вниз
5px - радиус размытия
#CCC - цвет тени
подробнее читайте тут:
-webkit-box-shadow: 5px 5px 5px #666666;
-moz-box-shadow: 5px 5px 5px #666666;
box-shadow: 5px 5px 5px #666666;
height: 100px;
width: 100px;
или среднюю 5 замени на 0