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