इंटरैक्टिव बटन और इनपुट निर्देश अभी अंग्रेज़ी में दिख सकते हैं।
टूल
CSS बॉक्स-शैडो जनरेटर
CSS बॉक्स-शैडो जनरेटर में स्थानांतरण, धुंधलापन, फैलाव और रंग दर्ज करके छाया का पूर्वावलोकन और CSS कोड तुरंत पाएँ; किसी इंस्टॉलेशन या खाते की आवश्यकता नहीं है।
CSS बॉक्स-शैडो जनरेटर इनपुट और फ़ाइलों को केवल इस ब्राउज़र में प्रोसेस करता है और किसी बाहरी सेवा को नहीं भेजता।
box-shadow: 0px 4px 6px -1px rgba(0,0,0,0.1);उपयोग का तरीका
CSS बॉक्स-शैडो जनरेटर एक ब्राउज़र टूल है जो स्थानांतरण, धुंधलापन, फैलाव और रंग लेता है और छाया का पूर्वावलोकन और CSS कोड देता है। विकल्प और परिणाम इसी पेज पर क्रम से जाँचे जा सकते हैं। व्यावहारिक उदाहरण: 0 8px 24px rgba(0,0,0,.2)।
- CSS बॉक्स-शैडो जनरेटर में स्थानांतरण, धुंधलापन, फैलाव और रंग की सेटिंग चुनें।
- सेटिंग बदलते हुए लाइव पूर्वावलोकन जाँचें।
- नतीजा कॉपी करने के लिए कॉपी बटन चुनें।
आउटपुट
- CSS बॉक्स-शैडो जनरेटर उदाहरण: 0 8px 24px rgba(0,0,0,.2)
सीमाएँ
- CSS बॉक्स-शैडो जनरेटर की सीमा: भारी छाया पठनीयता और प्रदर्शन घटा सकती है। महत्वपूर्ण परिणाम को मूल स्रोत से मिलाएँ।
गोपनीयता
CSS बॉक्स-शैडो जनरेटर इनपुट और फ़ाइलों को केवल इस ब्राउज़र में प्रोसेस करता है और किसी बाहरी सेवा को नहीं भेजता।
अक्सर पूछे जाने वाले प्रश्न
CSS बॉक्स-शैडो जनरेटर क्या परिणाम देता है?
यह इनपुट और चुने गए विकल्पों से छाया का पूर्वावलोकन और CSS कोड देता है।
क्या CSS बॉक्स-शैडो जनरेटर के हर परिणाम पर भरोसा किया जा सकता है?
भारी छाया पठनीयता और प्रदर्शन घटा सकती है। महत्वपूर्ण उपयोग से पहले परिणाम जाँचें।
🔧 संबंधित टूल
-
रंग कोड कन्वर्टर
रंग कोड कन्वर्टर में HEX, RGB या HSL रंग दर्ज करके उसी रंग के समकक्ष कोड तुरंत पाएँ; किसी इंस्टॉलेशन या खाते की आवश्यकता नहीं है। -
CSS ग्रेडिएंट जनरेटर
CSS ग्रेडिएंट जनरेटर में रंग, दिशा और रंग बदलने के बिंदु दर्ज करके ग्रेडिएंट पूर्वावलोकन और CSS कोड तुरंत पाएँ; किसी इंस्टॉलेशन या खाते की आवश्यकता नहीं है। -
रंग-पैलेट जनरेटर
रंग-पैलेट जनरेटर में मूल रंग और रंग-सामंजस्य का नियम दर्ज करके आपस में मेल खाता रंग-पैलेट तुरंत पाएँ; किसी इंस्टॉलेशन या खाते की आवश्यकता नहीं है।