2012-05-05 2 views
31

У меня возникли проблемы с установкой теневого окна с левой стороны элемента.Box-Shadow только с левой стороны элемента

Я попытался это:

box-shadow: -10px 0px 3px 0px #aaa; 

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

Спасибо

ответ

53

Вы, вероятно, нужно больше размытия и немного меньше распространения.

box-shadow: -10px 0px 10px 1px #aaaaaa; 

Попробуйте возиться с тенью генератором коробки здесь http://css3generator.com/ пока вы не получите желаемый эффект.

+1

Спасибо! что помогло, мне было интересно, можно ли вообще избавиться от всех верхних теней и оставить только левую тень? b/c приведенный выше пример по-прежнему имеет небольшую верхнюю тень ... – AnchovyLegend

+1

Конечно, используйте отрицательный спред: box-shadow: -10px 0px 20px -5px #aaaaaa; –

+0

спасибо !!! :) – AnchovyLegend

Смежные вопросы