Schatten, aber nur link und rechts

[Jnnbo]

Hallo,

Ich möchte gerne mittels CSS einen Schatten erzeugen der links und rechts erscheint, aber nicht unten und oben.

vielleicht so?

<div class="schatten"></div>

.schatten {
  width: 300px;
  height: 200px;
  box-shadow: 0 0px 10px 0 #000;
  background-color: #ccc;
}

.schatten:before {
  content: '';
  position: relative;
  top: -7px;
  bottom: 0;
  height: 8px;
  background: white;
  left: -10px;
  width: 130%;
  display: block;
}

.schatten:after {
  content: '';
  position: relative;
  top: 191px;
  bottom: 0;
  height: 7px;
  background: white;
  left: -10px;
  width: 130%;
  display: block;
}

http://jsfiddle.net/rskvab9k/