बॉक्स छाया जनरेटर

ऑफसेट, ब्लर, स्प्रेड और रंग के साथ स्तरित बॉक्स-छाया डिज़ाइन करें। कार्ड पर पूर्वावलोकन करें, फिर सीएसएस को एक क्लिक में कॉपी करें।

Box Shadow Generator

Live
Preview card

CSS output

box-shadow: 8px 16px 32px -4px rgba(192, 38, 211, 0.35);
border-radius: 24px;

Key capabilities

  • ऑफसेट, ब्लर, स्प्रेड और रंग के साथ स्तरित बॉक्स-छाया डिज़ाइन करें - लाइव पूर्वावलोकन शामिल है।
  • आपके ब्राउज़र में चलता है
  • उपयोग करने के लिए निःशुल्क

कैसे उपयोग करें

  1. ऑफसेट, धुंधलापन और फैलाव समायोजित करें।
  2. रंग और अस्पष्टता चुनें (या परतें जोड़ें)।
  3. बॉक्स-छाया सीएसएस की प्रतिलिपि बनाएँ।

How this tool works

  1. ऑफसेट, धुंधलापन और फैलाव समायोजित करें।
  2. रंग और अस्पष्टता चुनें (या परतें जोड़ें)।
  3. बॉक्स-छाया सीएसएस की प्रतिलिपि बनाएँ।

Recommended settings

  • पहले डिफ़ॉल्ट विकल्पों का उपयोग करें, फिर यदि आवश्यक हो तो समायोजित करें

Supported formats

Text / on-page input

File size and limits

  • पुराने फ़ोन पर बहुत जटिल मल्टी-लेयर पूर्वावलोकन धीमा लग सकता है।

Privacy

रंग और सीएसएस जनरेटर पूरी तरह से आपके ब्राउज़र में चलते हैं। पूर्वावलोकन और रूपांतरण कभी भी आपकी शैलियाँ अपलोड नहीं करते हैं।

Common use cases

  • जब भी आपको आवश्यकता हो, बॉक्स शैडो जेनरेटर का उपयोग करें: ऑफसेट, ब्लर, स्प्रेड और रंग के साथ स्तरित बॉक्स-शैडो डिज़ाइन करें - लाइव पूर्वावलोकन शामिल है।

Troubleshooting

पेस्ट करने के बाद पूर्वावलोकन अलग दिखता है

अपने पृष्ठ पर प्रतिस्पर्धी सीएसएस की जांच करें (रीसेट, विरासत में मिले रंग)। पहले जेनरेट किए गए नियम को एक अलग स्टाइलशीट में कॉपी करें।

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

क्या यह मेरा सीएसएस अपलोड करता है?

नहीं, जेनरेटर और कन्वर्टर आपके ब्राउज़र में लाइव पूर्वावलोकन के साथ चलते हैं।

क्या मुझे एक खाते की आवश्यकता है?

नहीं, टूल खोलें, नियंत्रणों में बदलाव करें और सीएसएस की प्रतिलिपि बनाएँ।

संबंधित टूल