नीचे की तरफ के लिए बॉक्स छाया केवल

Question

मेरे पास सामग्री का एक बॉक्स है और इसके लिए छाया देने की आवश्यकता है। लेकिन मैं केवल बॉक्स के नीचे छाया देना चाहता हूं। मैंने इस css box-shadow: 0 3px 5px #000000;

का उपयोग किया यदि मैं यह कोड देता हूं तो यह बाएं, दाएं और नीचे दिखाता है। मुझे केवल

कोई भी इसे हल करने का सुझाव दे सकता है। बहुत बहुत धन्यवाद

Answer 1

कक्षा one-edge-shadow कक्षा जोड़ने के बाद आप निम्न कार्य कर सकते हैं या अपनी पसंद के अनुसार उपयोग कर सकते हैं।

.one-edge-shadow { 
    -webkit-box-shadow: 0 8px 6px -6px black; 
     -moz-box-shadow: 0 8px 6px -6px black; 
      box-shadow: 0 8px 6px -6px black; 
} 

Source

Answer 2

ऑनलाइन जनरेटर css3.me का उपयोग करने का प्रयास करें मूल्य बदलें और कोड प्राप्त करें, बहुत सरल।

Answer 3

-webkit-box-shadow: 0 3px 5px -3px #000; 
-moz-box-shadow: 0 3px 5px -3px #000; 
box-shadow: 0 3px 5px -3px #000; 

Answer 4

आप इसे कैसे

बर्ताव बॉक्स छाया में negative spread निर्दिष्ट करने के लिए की ओर छाया

-webkit-box-shadow: 0 10px 10px -10px #000000; 
    -moz-box-shadow: 0 10px 10px -10px #000000; 
     box-shadow: 0 10px 10px -10px #000000; 

चेक बाहर http://dabblet.com/gist/9532817 हटाने और गुणों को बदलने की कोशिश और पता करने के लिए है

Answer 5

आप आप की जरूरत के रूप में उपयोग कर सकते हैं:

 .top { 
      box-shadow: 0 -5px 5px -5px #333; 
     } 

     .right { 
      box-shadow: 5px 0 5px -5px #333; 
     } 

     .bottom { 
      box-shadow: 0 5px 5px -5px #333; 
     } 

     .left { 
      box-shadow: -5px 0 5px -5px #333; 
     } 

     .all { 
      box-shadow: 0 0 5px #333; 
     }