सीएसएस बटन जेनरेटर
CSS कोड के साथ स्टाइल बटन जेनरेट करें
tools.buttonGenerator.title
tools.buttonGenerator.description
.click-me {
padding: 12px 18px;
font-size: 16px;
font-weight: 600;
border-radius: 4px;
border: none;
background-color: #3B82F6;
color: #FFFFFF;
cursor: pointer;
}
.click-me:hover {
background-color: #2563EB;
}हमारे बटन जेनरेटर का उपयोग करके सीएसएस स्टाइल के साथ कस्टम बटन डिज़ाइन करें। अपने वेब प्रोजेक्ट के लिए रंग, आकार, बॉर्डर और होवर प्रभाव के साथ स्टाइल वाले बटन बनाएं।
Key Features
अनुकूलन योग्य बटन टेक्स्ट और स्टाइल
पृष्ठभूमि और पाठ रंगों के लिए रंग चयनकर्ता
समायोज्य पैडिंग, फ़ॉन्ट आकार, और सीमा त्रिज्या
फ़ॉन्ट वजन और शैली विकल्प
बॉर्डर स्टाइलिंग (कोई नहीं, ठोस, धराशायी, बिंदीदार)
होवर प्रभाव रंग चयन
बटन जेनरेटर
बटन टेक्स्ट दर्ज करें
वह लेबल टेक्स्ट टाइप करें जिसे आप अपने बटन पर दिखाना चाहते हैं
रंग अनुकूलित करें
पृष्ठभूमि, टेक्स्ट और होवर रंग सेट करने के लिए रंग बीनने वालों का उपयोग करें
आयाम समायोजित करें
आकार देने के लिए पैडिंग, फ़ॉन्ट आकार और बॉर्डर त्रिज्या सेट करें
स्टाइलिंग जोड़ें
यदि वांछित हो तो फ़ॉन्ट का वजन चुनें और बॉर्डर शैली चुनें
सीएसएस कॉपी करें
अपने स्टाइल बटन के लिए सीएसएस कोड प्राप्त करने के लिए कॉपी पर क्लिक करें
Use Cases
लैंडिंग पेजों के लिए कॉल-टू-एक्शन बटन बनाना
वेब अनुप्रयोगों के लिए सुसंगत बटन शैलियाँ डिज़ाइन करना
इंटरैक्टिव फीडबैक के लिए बटन होवर स्टेट्स का निर्माण
डिज़ाइन सिस्टम के लिए प्रोटोटाइपिंग यूआई घटक
Frequently Asked Questions
क्या मैं अलग-अलग बटन स्थिति बना सकता हूँ?
हां, जनरेटर सामान्य और होवर स्थिति सीएसएस दोनों स्वचालित रूप से बनाता है
कौन सी सीएसएस कक्षाएं उत्पन्न होती हैं?
टूल आपके बटन टेक्स्ट
के आधार पर सिमेंटिक क्लास नाम उत्पन्न करता है क्या मैं बॉर्डर शैलियों को अनुकूलित कर सकता हूँ?
हां, कस्टम चौड़ाई
के साथ ठोस, धराशायी, बिंदीदार या दोहरी सीमाओं में से कोई नहीं चुनें क्या कोड उत्पादन के लिए तैयार है?
हां, सभी जेनरेट किए गए सीएसएस अनुकूलित हैं और उत्पादन में उपयोग के लिए तैयार हैं
Tool Information
Related Tools You Might Like
छवि से रंग पैलेट जेनरेटर
एक छवि से प्रमुख रंग निकालें
RGB/HEX Converter
आरजीबी और हेक्स रंग प्रारूपों के बीच कन्वर्ट
सीएसएस ग्रेडिएंट जेनरेटर
पूर्वावलोकन के साथ कस्टम सीएसएस ढाल बनाएं
WCAG कॉन्ट्रास्ट चेकर
WCAG मानकों के अनुसार रंग विपरीत की जाँच करें
डिजिटल हस्ताक्षर जेनरेटर
विभिन्न फोंट के साथ स्टाइलाइज्ड डिजिटल हस्ताक्षर बनाएं
बॉक्स छाया जनरेटर
सीएसएस बॉक्स छाया उत्पन्न
सर्फबोर्ड वॉल्यूम कैलकुलेटर
अपने वजन, अनुभव स्तर और लहर की स्थिति के आधार पर सही सर्फबोर्ड की मात्रा की गणना करें।.
वेव ऊंचाई कनवर्टर
विभिन्न तरंग ऊंचाई माप (चेहरे की ऊंचाई, हवाई पैमाने, महासागर की सूजन) के बीच कन्वर्ट।.
स्कूबा डाइव प्लानर
गहराई सीमा, नीचे समय और सुरक्षा विघटन आवश्यकताओं के साथ अपने स्कूबा गोता की योजना बनाएं।.