Tüm dört tarafa kutu gölgesi nasıl uygulanır?

Question

Her iki tarafa da box-shadow'u uygulamaya çalışıyorum. Sadece 2 taraf üzerine alabilir:

Answer 1

Çünkü ofset x ve y var. (Sonradan yıl ..)

-webkit-box-shadow: 0 0 10px #fff; 
     box-shadow: 0 0 10px #fff; 

düzenleme: Bu deneyin yorumlarla :) btw

istendiği gibi, cevap daha çapraz tarayıcı Yapılan: Birçok css3 jeneratör .. bugünlerde vardır css3.me, css3maker , css3generator vs ...

Answer 2

Bkz: http://jsfiddle.net/thirtydot/cMNX2/8/

input { 
    -webkit-box-shadow: 0 0 5px 2px #fff; 
    -moz-box-shadow: 0 0 5px 2px #fff; 
    box-shadow: 0 0 5px 2px #fff; 
} 

Answer 3

Bu iyi görünüyor.

-moz-box-shadow: 0 0 5px #999; 
-webkit-box-shadow: 0 0 5px #999; 
box-shadow: 0 0 5px #999; 

Answer 4

http://css-tricks.com/forums/topic/how-to-add-shadows-on-all-4-sides-of-a-block-with-css/ sitesini buldum. Bu kodu olarak

.allSides 
{ 
    width:350px;height:200px; 
    border: solid 1px #555; 
    background-color: #eed; 
    box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.6); 
} 

Answer 5

Sadece basit:

box-shadow: 0px 0px 2px 2px black; /*any color you want*/ 

Answer 6

kullanın dört kenarın bu css kodu: kutu gölge: 0px 1px 7PX 0px rgb (106, 111, 109);