CSS - тень на правой и левой

Question

Привет я использую следующий код, чтобы получить тень на правой и левой стороне сНу тега, но все четыре стороны DIV затенены ...

.shadow1 { 

    border-right:1px solid #8d8d8d; 
    border-left:1px solid #8d8d8d; 
    -moz-box-shadow:0px 0px 5px 0px #000; 
-webkit-box-shadow: 0px 0px 5px 0px #000 ; 
     box-shadow: 0px 0px 5px 0px #000; 

} 

есть способ получить тень, появляющуюся только на правой и левой стороне div ... ?? любая помощь будет оценена ... заранее спасибо ... :)

Answer 1

попробовать это:

jsFiddle

div { 
    width:200px; 
    height:200px; 
    margin:20px; 
    border:1px solid #8d8d8d; 

    -weibkit-box-shadow: 5px 0px 10px -5px #000, -5px 0px 10px -5px #000; 
     -moz-box-shadow: 5px 0px 10px -5px #000, -5px 0px 10px -5px #000; 
      box-shadow: 5px 0px 10px -5px #000, -5px 0px 10px -5px #000; 
} 

Answer 2

Это, кажется, работает нормально :)

box-shadow: 5px 0px 5px -4px #000, 
      -5px 0px 5px -4px #000; 

EDIT : О, я опаздываю: похоже, мы пришли к более или менее тому же выводу.

Answer 3

Попробуйте это: http://css3-drop-shadows.herokuapp.com/app

Это обеспечивает генератор CSS3 в конце.

Используется: до и: после