कैसे धुंधला करने के लिए डिव किनारों

Question

सीएसएस का उपयोग करना,

तरह निम्नलिखित: http://gyazo.com/ff14a415cf7ac8622eb0cada3e23137f

मैं हमारे लिए सीएसएस (अधिमानतः CSS3 नहीं) चाहते हैं कि प्रभाव है किनारों और कोनों प्राप्त करने के लिए, बस के बजाय तेज egdes।

Answer 1

आप इस तरह, div की पृष्ठभूमि के रूप में एक box-shadow एक ही रंग का उपयोग करके इस प्रभाव को प्राप्त कर सकते हैं:

.blur-box { 
    background-color: #555; 
    box-shadow: 0 0 5px 10px #555; 
} 

आप सापेक्ष आकार बदलाव करने, द्वितीय और तृतीय तर्क (5px और 10px यहाँ) समायोजित कर सकते हैं और जिस तरह से आप चाहते हैं उसे प्राप्त करने के लिए छाया के धुंध त्रिज्या (क्रमशः), और यह सुविधा आधुनिक ब्राउज़रों द्वारा अच्छी तरह से समर्थित है (देखें: http://caniuse.com/#feat=css-boxshadow)।

यहाँ एक jsFiddle डेमो है: http://jsfiddle.net/bXAFt/