Box shadow on top, bottom und left only

Question

Ich möchte den Box-Shadow nur zur oberen, unteren und linken Seite hinzufügen - keine rechte Seite.

Das ist meine CSS-Klasse:

.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; 
} 

Das ist mein jsfiddle: https://jsfiddle.net/Ly4tocny/

Es ist die Box Schatten jedoch auf allen vier Seiten anwenden. Was vermisse ich?

Answer 1

Sie sind in der Nähe einer Lösung. Sie müssen nur die Werte ein wenig optimieren.

Hier ist ein Arbeitsbeispiel mit Ihrer Methode, mit einigen zusätzlichen Betonung, so dass Sie die Änderungen sehen können, die ich gemacht habe.

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/

Ich empfehle diese für zukünftigen Shading: http://css3generator.com/

Answer 2

Der erste Einsatz Wert 1 nicht -1 sein sollte.

.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; 
}