मुफ़्त ऑनलाइन CSS शैडो और ग्रिड जनरेटर
संख्याओं का अनुमान लगाने के बजाय CSS को दृश्य रूप से डिज़ाइन करें। बॉक्स मोड में, शैडो ऑफ़सेट, ब्लर, फैलाव, कोने की त्रिज्या, रंग और ओपेसिटी के लिए स्लाइडर खींचें, वैकल्पिक इनसेट शैडो के साथ, और लाइव पूर्वावलोकन को अपडेट होते देखें। ग्रिड मोड में, एक रिस्पॉन्सिव ग्रिड बनाने के लिए कॉलम संख्या, अंतराल, आइटम संख्या और पंक्ति की ऊँचाई सेट करें। आपके काम करते ही संबंधित CSS जनरेट होता है — इसे सीधे अपनी स्टाइलशीट में कॉपी करें। सब कुछ आपके ब्राउज़र में चलता है।
टूल लोड हो रहा है…
CSS शैडो और ग्रिड जनरेटर इस्तेमाल कैसे करें
- बॉक्स शैडो और त्रिज्या या ग्रिड लेआउट चुनें।
- प्रभाव को आकार देने के लिए स्लाइडर खींचें।
- पूर्वावलोकन और CSS को लाइव अपडेट होते देखें।
- जनरेट किए गए CSS को अपने प्रोजेक्ट में कॉपी करें।
CSS शैडो और ग्रिड जनरेटर से जुड़े सवाल
यह कौन-सा CSS जनरेट करता है?
मानक, कॉपी-योग्य CSS: background, border-radius और box-shadow के साथ एक .box नियम, या grid-template-columns और gap के साथ display:grid का उपयोग करने वाला .grid नियम। आधुनिक ब्राउज़र में इन गुणों के लिए किसी वेंडर प्रीफ़िक्स की आवश्यकता नहीं है।
क्या मैं ग्रिड CSS को वास्तविक साइट पर उपयोग कर सकता हूँ?
हाँ। ग्रिड नियम repeat() और भिन्नात्मक कॉलम का उपयोग करता है, इसलिए यह रिस्पॉन्सिव है। इसे अपनी स्टाइलशीट में पेस्ट करें और अपनी सामग्री को ग्रिड कंटेनर के अंदर रखें।
CSS शैडो और ग्रिड जनरेटर के बारे में
बनाएं CSS शैडो और ग्रिड लेआउट अपनी वेबसाइट के लिए आसानी से और तुरंत — मुफ़्त ऑनलाइन CSS शैडो और ग्रिड जनरेटर. 100% ब्राउज़र में, न लॉगिन, न फ़ाइल अपलोड।
ये टेक्स्ट और कोड टूल स्ट्रिंग साफ़ और बदलते हैं: शब्द गिनना, केस बदलना, डुप्लिकेट पंक्तियाँ हटाना, Base64 और URL एनकोड/डिकोड, एंटिटी एस्केप, हैश, JSON फ़ॉर्मैट और दो संस्करणों की तुलना।
यह टूल आपके ब्राउज़र में चलता है। फ़ाइल अपलोड नहीं होती। सब कुछ आपके पेस्ट किए टेक्स्ट पर चलता है, इसलिए कोड या लॉग के टुकड़े सुरक्षित संसाधित कर सकते हैं; कहीं कुछ नहीं भेजा जाता, और बॉक्स खाली करने से वह मेमोरी से हट जाता है।