CSS बॉक्स शैडो जेनरेटर
मूल्यों का अनुमान लगाने के बजाय यथार्थवादी उन्नयन बनाएं। क्षैतिज और ऊर्ध्वाधर ऑफसेट, धुंधलापन, फैलाव, रंग और अस्पष्टता को समायोजित करें, गहराई के लिए कई परतों को ढेर करें, फिर सटीक CSS नियम की प्रतिलिपि बनाएँ।
महत्वपूर्ण तथ्यों
- वर्ग
- डिज़ाइन एवं रंग
- कीमत
- मुक्त
- खाता
- आवश्यक नहीं
- प्रसंस्करण
- आपके ब्राउज़र में
- इनपुट
- स्थानीय फ़ाइलें या चिपकाया गया डेटा
- प्लैटफ़ॉर्म
- आधुनिक डेस्कटॉप और मोबाइल ब्राउज़र
यह क्या करता है
मूल्यों का अनुमान लगाने के बजाय यथार्थवादी उन्नयन बनाएं। क्षैतिज और ऊर्ध्वाधर ऑफसेट, धुंधलापन, फैलाव, रंग और अस्पष्टता को समायोजित करें, गहराई के लिए कई परतों को ढेर करें, फिर सटीक CSS नियम की प्रतिलिपि बनाएँ।
स्तरित बॉक्स छाया को दृश्य रूप से डिज़ाइन करें और उत्पादन के लिए तैयार CSS की प्रतिलिपि बनाएँ।
इसका उपयोग कैसे करना है
यहां CSS बॉक्स शैडो जेनरेटर का उपयोग करने का संक्षिप्त संस्करण दिया गया है।
- ऑफसेट सेट करें और धुंधला करें — स्लाइडर खींचें या सटीक पिक्सेल मान टाइप करें; पूर्वावलोकन कार्ड तुरंत अपडेट हो जाता है.
- रंग और अपारदर्शिता चुनें — डार्क-मोड छाया सहित, अपने पैलेट से मिलान करने के लिए रंग पिकर और अल्फा स्लाइडर का उपयोग करें।
- CSS को कॉपी करें — यदि आपको नरम, अधिक प्राकृतिक छाया की आवश्यकता है तो अधिक परतें जोड़ें, फिर बॉक्स-छाया घोषणा की प्रतिलिपि बनाएँ।
विशेषताएँ जो मायने रखती हैं
CSS बॉक्स शैडो जेनरेटर क्या अच्छा करता है.
- आपके डिवाइस से कुछ भी नहीं छूटता — काम आपके ब्राउज़र टैब में होता है. इस ऐप में कोई अपलोड एंडपॉइंट नहीं है, इसलिए आपकी फ़ाइलें और टेक्स्ट हमारे द्वारा संग्रहीत, लॉग या देखा नहीं जा सकता है।
- कोई अपलोड प्रतीक्षा नहीं — आप सर्वर पर राउंड ट्रिप को पूरी तरह से छोड़ देते हैं। परिणाम आपके अपने सीपीयू द्वारा सीमित होते हैं, नेटवर्क गति या कतार आकार से नहीं।
- निःशुल्क, कोई खाता नहीं, कोई कोटा नहीं — कोई साइन-अप दीवार नहीं, कोई वॉटरमार्क नहीं, कोई दैनिक सीमा नहीं। वैकल्पिक खाते केवल सभी डिवाइसों में पसंदीदा और प्रीसेट सहेजने के लिए मौजूद हैं।
अक्सर पूछे जाने वाले प्रश्नों
क्या मेरा डिज़ाइन यहां उपयोग करने के लिए सुरक्षित है?
हाँ। यह टूल पूरी तरह से जावास्क्रिप्ट का उपयोग करके आपके ब्राउज़र में चलता है। आप जो कुछ भी चिपकाते या खोलते हैं वह सर्वर पर नहीं भेजा जाता है, और आपके बंद करने के बाद पृष्ठ में कोई प्रति नहीं रहती है।
क्या मुझे एक खाता बनाने की आवश्यकता है?
नहीं, प्रत्येक उपकरण साइन इन किए बिना पूरी तरह से उपयोग करने योग्य है। एक खाता केवल सहेजे गए पसंदीदा और पुन: प्रयोज्य प्रीसेट जोड़ता है।
क्या यह फ़ोन पर काम करता है?
हाँ। इंटरफ़ेस बड़े स्पर्श लक्ष्य और स्टैक्ड लेआउट के साथ मोबाइल-फर्स्ट है, इसलिए यह फोन और टैबलेट के साथ-साथ डेस्कटॉप पर भी काम करता है।
मैं प्राकृतिक दिखने वाली छाया कैसे बनाऊं?
छोटे नकारात्मक प्रसार, बड़े धुंधलेपन और कम अस्पष्टता का उपयोग करें, बग़ल की तुलना में नीचे की ओर अधिक ऑफसेट करें। दो या तीन कम-अपारदर्शिता परतों को स्टैक करना आमतौर पर एक भारी छाया की तुलना में बेहतर दिखता है।
मेरी छाया कटी हुई क्यों दिखती है?
मूल तत्व में संभवतः अतिप्रवाह छिपा हुआ है, या छाया आसपास के पैडिंग से अधिक चौड़ी है। तत्व के चारों ओर मार्जिन या पैडिंग जोड़ें ताकि धुंधलापन प्रस्तुत करने के लिए जगह हो।
CSS बॉक्स शैडो जेनरेटर खोलें
इसे अभी आज़माएं - यह आपके ब्राउज़र में चलता है और इसके लिए किसी खाते की आवश्यकता नहीं है।
टूल खोलें