Box Shadow जनरेटर

बॉक्स-शॅडो तयार करण्यासाठी स्लाइडर्स ड्रॅग करा, खोलीसाठी लेयर्स जोडा आणि तयार CSS झटपट कॉपी करा.

सावलीच्या लेयर्स
लेयर 1
CSS
तुमची सावली तयार करण्यासाठी स्लाइडर्स ॲडजस्ट करा.

प्रत्येक सावली तुमच्या ब्राउझरमध्ये रेंडर केली जाते. तुम्ही येथे सेट केलेले काहीही BroBroGo वर अपलोड केले जात नाही.

नेहमी विचारले जाणारे प्रश्न

ऑफसेट, ब्लर आणि स्प्रेड प्रत्यक्षात काय नियंत्रित करतात?

ऑफसेट (Offset) सावलीला डावीकडे/उजवीकडे आणि वर/खाली हलवते, ब्लर (blur) कडा मऊ करतो, आणि स्प्रेड (spread) ब्लर करण्यापूर्वी सावली वाढवतो किंवा कमी करतो. ऋण (negative) स्प्रेड सावलीला आत खेचतो, जे जवळची बारीक सावली दाखवण्यासाठी उपयुक्त ठरते.

इन्सेट (inset) पर्याय काय करतो?

सामान्य सावली एलिमेंटच्या बाहेर पडते, जसे की उंचावलेल्या कार्डच्या मागे प्रकाश असावा. 'Inset' सावलीला आतल्या बाजूला वळवते, ज्यामुळे एलिमेंट दाबल्यासारखे (sunken) दिसते — हे खोलगट इनपुट किंवा दाबलेल्या बटणांसाठी उपयुक्त ठरते.

एकापेक्षा जास्त सावलीच्या लेयर्स का वापराव्यात?

एकच सावली एका विशिष्ट आकाराच्या पलीकडे सपाट (flat) दिसते. वास्तववादी उंची (elevation) दाखवण्यासाठी सहसा एका गडद बारीक सावलीसोबत दुसरी मऊ, विस्तीर्ण सावली एकत्र केली जाते — तो प्रभाव मिळवण्यासाठी दुसरी लेयर जोडा आणि प्रत्येक लेयर स्वतंत्रपणे ट्यून करा.