क्या सीएसएस का उपयोग कर सॉफ़्टवेयर बॉक्स की पृष्ठभूमि छाया बनाने का कोई तरीका है?

Question

निम्नलिखित की तरह एक सॉफ्टवेयर बॉक्स कल्पना कीजिए:

http://www.sitellite.org/pix/sitellite-box.gif

अब कल्पना छाया वहाँ नहीं है। क्या कोई सीएसएस तरीका है कि मैं उस पृष्ठभूमि छाया को अनुकरण कर सकता हूं, और कम से कम फ़ायरफ़ॉक्स और क्रोम पर काम कर सकता हूं, यदि IE9 और ऊपर भी नहीं है?

Answer 1

एक तरीका यह

<div id="triangle"></div> 

#triangle { 
    width: 0; 
    height: 0; 
    border-top: 100px solid grey; 
    border-left: 100px solid transparent; 
    opacity:0.1; 
}​ 

see example

की तरह एक त्रिकोण आकार के साथ शुरू करने के लिए फिर एक रेखीय-ढाल और छवि के पीछे यह स्थिति जोड़ने होगा। शुरुआती बिंदु के रूप में इस gradient generator पर एक नज़र डालें।

फिर आप इसे थोड़ा सा करने के लिए transform का उपयोग कर सकते हैं।