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