Коробчатая тень сверху, снизу и слева

Question

Я хочу добавить коробку-тень только в верхнюю, нижнюю и левую стороны - без правой стороны.

Это мой CSS класс:

.topBottomLeft{ 
     box-shadow: inset -1px 0px 0.5px 0.5px #000,inset 0 1px 0.5px 0.5px #000,inset 0 -1px 0.5px 0.5px #000 !important; 
} 

Это мой jsfiddle: https://jsfiddle.net/Ly4tocny/

Он прикладывать тень коробки, однако на все четыре стороны. Что мне не хватает?

Answer 1

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

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

box-shadow: inset 0 5px 0.5px 0.5px #000, 
    inset 0 -5px 0.5px 0.5px #000, 
    inset 5px 0.5px 0.5px #000; 

https://jsfiddle.net/ercnvzj7/

Я рекомендую это для будущего затенения: http://css3generator.com/

Answer 2

Первого значение врезки должно быть 1 не -1.

.topBottomLeft { 
    box-shadow: inset 1px 0px 0.5px 0.5px #000,inset 0 1px 0.5px 0.5px #000,inset 0 -1px 0.5px 0.5px #000; 
}