क्या यह टूल मुफ़्त है?

हाँ, बॉक्स शैडो जनरेटर पूरी तरह मुफ़्त है और आप कितने भी शैडो बना सकते हैं। किसी पंजीकरण या भुगतान की आवश्यकता नहीं है।

क्या मेरा डेटा सुरक्षित है?

शैडो बनाना और प्रीव्यू देखना, सब कुछ पूरी तरह आपके ब्राउज़र में होता है। किसी बाहरी सर्वर को कोई डेटा नहीं भेजा जाता, इसलिए आपकी कॉन्फ़िगरेशन और CSS आउटपुट पूरी तरह निजी रहते हैं।

ब्लर और स्प्रेड रेडियस में क्या अंतर है?

ब्लर रेडियस तय करता है कि शैडो कितना मुलायम या फैला हुआ दिखे, ज़्यादा मान से धुंधलापन अधिक क्रमिक होता है। स्प्रेड रेडियस तत्व के सापेक्ष शैडो का आकार बढ़ाता (धनात्मक मान) या घटाता (ऋणात्मक मान) है।

क्या मैं एक तत्व पर कई शैडो इस्तेमाल कर सकता हूँ?

हाँ, CSS अल्पविराम से अलग किए गए कई box-shadow का समर्थन करता है। यह टूल आपको कई शैडो परतें जोड़ने देता है और उन्हें अपने आप एक ही box-shadow घोषणा में जोड़ देता है।

इनसेट शैडो क्या है?

इनसेट शैडो तत्व के बाहर की जगह भीतर बनता है, जिससे धँसा हुआ या दबा हुआ रूप मिलता है। यह आमतौर पर इनपुट फ़ील्ड, सक्रिय बटन स्थितियों और न्यूमॉर्फ़िज़्म डिज़ाइनों में इस्तेमाल होता है।

क्या box-shadow सभी ब्राउज़रों में समर्थित है?

हाँ, box-shadow प्रॉपर्टी Chrome, Firefox, Safari, Edge और Opera सहित सभी आधुनिक ब्राउज़रों में पूरी तरह समर्थित है। किसी वेंडर प्रीफ़िक्स की आवश्यकता नहीं है।

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

CSS box-shadow गुण बनाएँ

शैडो लेयर

शैडो 1

ऑफ़सेट X0 pxऑफ़सेट Y4 pxब्लर त्रिज्या6 pxस्प्रेड त्रिज्या0 pxअपारदर्शिता10%

शैडो का रंग

इनसेट शैडो

प्रीसेट शैडो

शैडो के सुझाव

धनात्मक ऑफ़सेट मान शैडो को नीचे और दाईं ओर ले जाते हैं, ऋणात्मक मान ऊपर और बाईं ओर।

ब्लर त्रिज्या शैडो की कोमलता तय करती है; अधिक मान शैडो को अधिक फैला हुआ बनाते हैं।

स्प्रेड त्रिज्या शैडो के आकार को बढ़ाती या घटाती है।

इनसेट शैडो गहराई के प्रभाव के लिए भीतरी शैडो बनाती हैं।

जटिल रोशनी के प्रभाव के लिए कई शैडो को परतों में जोड़ा जा सकता है।

कम अपारदर्शिता मान अधिक हल्की और यथार्थ-सी शैडो बनाते हैं।

लाइव प्रीव्यू

प्रीव्यू

प्रीव्यू स्केल: 100%

प्रीव्यू एलिमेंट का रंग

CSS डिक्लेरेशन

box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);

CSS क्लास

.shadow {
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
}

Tailwind CSS (अनुमानित)

shadow

यह एक शैली सुझाव है। कस्टम ऑफ़सेट, रंग, इनसेट और एकाधिक लेयर के लिए जनरेट किया गया CSS चाहिए।

कोई लेयर बदलें या प्रीसेट आज़माएँ। काम करते समय प्रीव्यू अपडेट होता रहता है।

भाषा चुनें

हाल में उपयोग किए गए