नि: शुल्क सीएसएस बटन जेनरेटर

Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

बटन पूर्वावलोकन

उत्पन्न सीएसएस

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

बटन गुण

लोकप्रिय प्रीसेट

Related Tools

Less to CSS Converter

अपने कम कोड को CSS में बदलें। तेज़, आसान और सुरक्षित।

CSS3 संक्रमण जेनरेटर

चिकनी अस्पष्टता संक्रमण

उत्पन्न CSS3 आसानी से बदलता है

जटिल CSS3 बनाने के लिए एक शक्तिशाली, सहज ज्ञान युक्त उपकरण कोड लिखे बिना बदल जाता है। वास्तविक समय में परिवर्तनों की कल्पना करें और अपनी परियोजनाओं में उपयोग करने के लिए उत्पन्न सीएसएस की प्रतिलिपि बनाएं।

वॉल्यूमेट्रिक फ्लो रेट कन्वर्टर

सटीकता और आसानी के साथ विभिन्न इकाइयों के बीच वॉल्यूमेट्रिक प्रवाह दर कन्वर्ट

औसत कैलकुलेटर

हमारे उपयोग में आसान टूल के साथ संख्याओं के एक सेट के औसत (अंकगणितीय माध्य) की त्वरित गणना करें।

HSV to Pantone

प्रिंट डिजाइन के लिए एचएसवी रंग कोड को पैनटोन® संदर्भों में कनवर्ट करें