◩
छवि और डिज़ाइन टूल
Box Shadow Generator
Box Shadow Generator ब्राउज़र में चलता है ताकि इनपुट सर्वर पर भेजे बिना परिणाम जांचे, बदले या तैयार किए जा सकें।
छवि और डिज़ाइन टूल
Input / output
Shadow preview
2 layers
CSS 코드
box-shadow: 0px 8px 24px -8px rgb(0 0 0 / 0.18), 0px 2px 6px 0px rgb(37 99 235 / 0.12);
Tailwind shadow
shadow-[0px_8px_24px_-8px_rgb(0_0_0_/_0.18),_0px_2px_6px_0px_rgb(37_99_235_/_0.12)]
Shadow layers
Layer 1
Layer 2
HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.
What is this tool?
Box Shadow Generator छवि और डिज़ाइन वर्कफ़्लो के लिए स्थानीय ब्राउज़र टूल है। इनपुट, विकल्प और परिणाम एक ही पेज पर रहते हैं।
How to use it
- इनपुट चिपकाएं
जिस मान को प्रोसेस करना है उसे इनपुट क्षेत्र में लिखें या चिपकाएं।
- विकल्प बदलें
box shadow, CSS shadow, elevation से मेल खाने वाला मोड, फ़ॉर्मैट या इकाई चुनें।
- परिणाम जांचें
टूल चलाएं और जांचने के बाद परिणाम कॉपी या डाउनलोड करें।
Examples
Box Shadow Generator उदाहरण
- Input
- उदाहरण इनपुट
- Output
- ब्राउज़र में जांचा गया आउटपुट।
Practical tips
- बड़ा कंटेंट हो तो छोटे नमूने से शुरू करें।
- विज्ञापन मुख्य कंट्रोल और परिणामों से बाहर रखे जाते हैं।
FAQ
Box Shadow Generator में क्या इनपुट दूं?
दिख रहे कार्य से मेल खाते मान दें और चलाने से पहले विकल्प समायोजित करें।
क्या Box Shadow Generator का परिणाम कॉपी कर सकता हूं?
हां। परिणाम जांचें और फिर कॉपी या डाउनलोड करें।
क्या Box Shadow Generator मोबाइल पर चलता है?
हां। इनपुट, विकल्प और परिणाम छोटे स्क्रीन पर व्यवस्थित रहते हैं।
क्या मेरा इनपुट सर्वर पर भेजा जाता है?
नहीं। टूल इनपुट को ब्राउज़र में प्रोसेस करने के लिए बनाया गया है।