2012-06-30 3 views

ответ

3

box-shadow принимает несколько значений, так просто повторить свои значения с -3px смещения:

-moz-box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE; 
-webkit-box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE; 
box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE; 

Но те больше похожи на границы, чем тень. Может быть, вы должны использовать границы вместо этого, и, возможно, с box-sizing: border-box в случае, если вы не можете вычесть из ширины или утеплитель:

border-left: 3px solid #BDD4DE; 
border-right: 3px solid #BDD4DE; 
+1

См. также: [Может ли CSS3 box-shadow: вставить только одну или две стороны? как border-top?] (http://stackoverflow.com/questions/5917412/can-css3-box-shadowinset-do-only-one-or-two-sides-like-border-top) (с использованием границ больше применим здесь, так как вы вообще не размываете тени) – BoltClock

0

Вы также можете использовать его как этот

box-shadow:0px 0px 5px Grey 

Первый и secod значение является смещение (без смещения), а третье значение - значение размытия

+0

Он не хочет размывать его ... – BoltClock

+0

Он не говорит, что –

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