बॉक्स शैडो जनरेटर

इस टूल के बारे में

Box Shadow Generator X और Y offset, blur, spread, color, opacity और inset के sliders के साथ CSS box-shadow बनाता है, Material Design और Tailwind presets भी देता है, और सटीक CSS आउटपुट करता है।

इस्तेमाल कैसे करें

1. किसी preset से शुरू करें या Custom रहने दें।
2. X/Y offset, blur, spread और opacity एडजस्ट करें।
3. shadow का रंग चुनें और अंदरूनी shadow के लिए Inset पर टिक करें।
4. box-shadow rule पेस्ट करने के लिए Copy CSS पर क्लिक करें।

जानने योग्य बातें

• box-shadow का सिंटैक्स है: [inset] offset-x offset-y blur-radius spread-radius color।
• बड़ा blur radius किनारे को नरम बनाता है; spread blur से पहले shadow को बड़ा या छोटा करता है।
• कम opacity वाली गहरी shadows (लगभग 10–25%) ठोस काले रंग से ज़्यादा स्वाभाविक दिखती हैं।
• कई shadows को commas से अलग करके परतों में लगाया जा सकता है।
• inset keyword shadow को element के border के अंदर बनाता है।

पूरी तरह आपके ब्राउज़र में चलता है — आप जो भी डालते हैं, वह न अपलोड होता है न सेव।

अक्सर पूछे जाने वाले सवाल