CSS बॉक्स शैडो जनरेटर
स्लाइडर से विज़ुअली CSS box-shadow बनाएं। एकाधिक शैडो और इनसेट शैडो का समर्थन करता है।
शैडो लेयर
पूर्वावलोकन सेटिंग्स
जनरेट किया गया CSS
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);
उपयोग कैसे करें
पैरामीटर सेट करें
ऑफ़सेट, ब्लर और स्प्रेड समायोजित करें
पूर्वावलोकन
रियल-टाइम में शैडो देखें
कॉपी करें
उपयोग के लिए CSS कोड कॉपी करें
विशेषताएँ
स्लाइडर नियंत्रण
प्रत्येक पैरामीटर के लिए सहज स्लाइडर नियंत्रण
एकाधिक शैडो
एकाधिक शैडो एक साथ लेयर करें
इनसेट शैडो
आंतरिक (इनसेट) शैडो का समर्थन
FAQ
🔗संबंधित टूल
रंग कोड कनवर्टर
HEX, RGB और HSL रंग कोड के बीच रूपांतरण करें। रंग चयनकर्ता और रियल-टाइम प्रीव्यू के साथ सहज रंग चयन।
रंग चयनकर्ता
कलर व्हील और स्लाइडर का उपयोग करके सहज रूप से रंग चुनें। HEX, RGB और HSL प्रारूपों में कलर कोड प्राप्त करें और कॉपी करें।
इमेज रंग एक्सट्रैक्टर
इमेज से प्रमुख रंगों का स्वचालित पता लगाएँ और रंग पैलेट जनरेट करें। इमेज पर कहीं भी क्लिक करके अलग-अलग रंग पिक कर सकते हैं।
इमेज औसत रंग पिकर
पूरी इमेज या चयनित क्षेत्र का औसत रंग गणना करें। रंग योजना चुनने या थंबनेल बैकग्राउंड रंग के लिए उपयोगी।
CSS ग्रेडिएंट जनरेटर
ड्रैग नियंत्रण से विज़ुअली CSS ग्रेडिएंट बनाएं। लीनियर, रेडियल और कॉनिक ग्रेडिएंट प्रकार प्रीसेट के साथ समर्थित।
CSS बॉर्डर रेडियस जनरेटर
अलग-अलग कोने नियंत्रण के साथ CSS border-radius बनाएं। दीर्घवृत्तीय रेडियस विकल्प और लोकप्रिय आकार प्रीसेट शामिल हैं।