2012-05-05 19 views
31

मुझे केवल तत्व के बाईं ओर एक बॉक्स छाया सेट करने में समस्या हो रही है।तत्व के बाईं ओर बॉक्स-छाया केवल

मैंने कोशिश की यह:

box-shadow: -10px 0px 3px 0px #aaa; 

हालांकि, बॉक्स छाया अधिक एक ग्रे लाइन की तरह दिखता है और नियमित रूप से छाया प्रभाव है कि मैं जब बॉक्स छाया का उपयोग करने के लिए प्रयोग किया जाता रहा हूँ का अभाव है। इसके अलावा, उपर्युक्त उदाहरण में एक छोटा टॉप बॉक्स-छाया शामिल है जिसे मैं छुटकारा पाने की कोशिश कर रहा हूं।

धन्यवाद

उत्तर

53

आपको शायद अधिक धुंध और थोड़ा कम प्रसार की आवश्यकता है।

box-shadow: -10px 0px 10px 1px #aaaaaa; 

बॉक्स छाया जनरेटर के साथ चारों ओर खिलवाड़ यहाँ http://css3generator.com/ जब तक आप अपने वांछित प्रभाव प्राप्त की कोशिश करो।

+1

धन्यवाद! इससे मदद मिली, मैं सोच रहा था कि क्या सभी शीर्ष छायाओं से छुटकारा पाना संभव है और केवल बाएं बॉक्स-छाया छोड़ दें ?? बी/सी उपरोक्त उदाहरण में अभी भी एक छोटी सी शीर्ष छाया है ... – AnchovyLegend

+1

निश्चित रूप से, केवल एक नकारात्मक प्रसार का उपयोग करें: बॉक्स-छाया: -10 पीएक्स 0 पीएक्स 20 पीएक्स -5 पीएक्स # आआआआ; –

+0

धन्यवाद !!! :) – AnchovyLegend

संबंधित मुद्दे