CSS Box Shadow जनरेटर
ऑफ़सेट, ब्लर, स्प्रेड, रंग और inset नियंत्रण तथा छाया के लाइव पूर्वावलोकन वाला CSS box-shadow जनरेटर। कॉपी करने योग्य box-shadow CSS कोड तुरंत मिलता है, मुफ़्त।
box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);ड्रॉप शैडो
एम्बेड करें
अंतिम अपडेट: 2026 · निःशुल्क ऑनलाइन टूल
CSS Box Shadow जनरेटर क्या है?
ऑफ़सेट, ब्लर, स्प्रेड, रंग और inset नियंत्रण तथा छाया के लाइव पूर्वावलोकन वाला CSS box-shadow जनरेटर। कॉपी करने योग्य box-shadow CSS कोड तुरंत मिलता है, मुफ़्त।
उपयोग कैसे करें
- 1प्रीसेट चुनें— प्रीसेट बटन से तुरंत शुरू करें।
- 2स्लाइडर समायोजित करें— X/Y ऑफसेट, ब्लर और स्प्रेड स्लाइडर से शैडो समायोजित करें।
- 3प्रीव्यू— ऊपर प्रीव्यू में रियल-टाइम में परिणाम जांचें।
- 4CSS कॉपी करें— box-shadow CSS प्राप्त करने के लिए कॉपी बटन का उपयोग करें।
संबंधित टूल
CSS ग्रेडिएंट जनरेटरलीनियर, रेडियल और कोनिक ग्रेडिएंट के लिए विज़ुअल CSS ग्रेडिएंट जनरेटर: कलर स्टॉप जोड़ें, कोण बदलें और तैयार CSS कॉपी करें। बैकग्राउंड और बटन के लिए बढ़िया, मुफ़्त।
CSS Border Radius जनरेटरआठ स्वतंत्र कोने हैंडल, स्लाइडर और गोल आकार के लाइव पूर्वावलोकन वाला CSS border-radius जनरेटर। कॉपी करने योग्य border-radius CSS कोड तुरंत मिलता है, मुफ़्त।
CSS Flexbox जनरेटरjustify-content, align-items, flex-direction और wrap के विज़ुअल एडिटर तथा लाइव लेआउट पूर्वावलोकन वाला CSS Flexbox प्लेग्राउंड। तैयार Flexbox CSS कोड बनाता है, मुफ़्त।
कलर कोड कनवर्टरHEX, RGB, HSL और OKLCH कोड के बीच रंग कन्वर्टर, साथ में दो रंगों का WCAG कंट्रास्ट अनुपात। पैलेट चुनते समय ही सुलभता जाँचें, ब्राउज़र में मुफ़्त।
अक्सर पूछे जाने वाले प्रश्न
हां, कई शैडो को ओवरले करने के लिए 'शैडो जोड़ें' बटन का उपयोग करें।
हां, इनर शैडो बनाने के लिए प्रत्येक शैडो पर Inset चेकबॉक्स सक्षम करें।
पांच प्रीसेट प्रदान किए गए हैं: Subtle, Medium, Large, Inset और Double।
हां, आप रंग इनपुट फ़ील्ड में सीधे rgba(0,0,0,0.15) दर्ज कर सकते हैं।
नहीं। सभी गणनाएं ब्राउज़र में होती हैं।