CSS बटन जनरेटर
बटन डिज़ाइन करें और साफ़ CSS कॉपी करें।
बटन का लेबल, रंग, कोने का रेडियस, पैडिंग और फ़ॉन्ट आकार सेट करें, लाइव पूर्वावलोकन देखें, और हॉवर स्थिति सहित तैयार-उपयोग CSS कॉपी करें।
बैकग्राउंड
टेक्स्ट रंग
हॉवर रंग
12px
24px
12px
16px
.my-button {
background: #7c3aed;
color: #ffffff;
border: none;
border-radius: 12px;
padding: 12px 24px;
font-size: 16px;
font-weight: 700;
cursor: pointer;
transition: background 0.2s ease;
}
.my-button:hover {
background: #6d28d9;
}बटन CSS कैसे बनाएँ
- अपना बटन टेक्स्ट टाइप करें।
- बैकग्राउंड, टेक्स्ट और हॉवर रंग चुनें।
- स्लाइडर से रेडियस, पैडिंग और फ़ॉन्ट आकार समायोजित करें।
- CSS कॉपी करें और हॉवर नियम अपनी स्टाइलशीट में जोड़ें।
अक्सर पूछे जाने वाले प्रश्न
क्या CSS में हॉवर प्रभाव शामिल है?
हाँ। आपके चुने हॉवर रंग के साथ एक :hover नियम बेस स्टाइल के साथ बनता है।
क्या फ़ॉन्ट या वज़न बदल सकते हैं?
आउटपुट font-weight 700 सेट करता है। चिपकाने के बाद font-family और अन्य प्रॉपर्टी स्वतंत्र रूप से बदलें।
क्या कुछ अपलोड होता है?
नहीं। जनरेटर पूरी तरह क्लाइंट-साइड है और कुछ भी संग्रहीत नहीं करता।