Δωρεάν Γεννήτρια Κουμπιών CSS

Δημιουργήστε όμορφα, αποκριτικά κουμπιά για τον ιστότοπό σας. Επιλέξτε από 70+ προσχεδιασμένα στυλ ή προσαρμόστε το δικό σας με τα προηγμένα στοιχεία ελέγχου μας.

Προεπισκόπηση

Δημιουργία CSS

.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); }

Ιδιότητες

Κείμενο κουμπιού Επιλογές

Size

Shape

Color

Δημοφιλείς προκαθορισμένες ρυθμίσεις

Related Tools

Μετατροπέας SCSS σε CSS

Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.

Μετατροπέας γραφίδας σε CSS

Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.

Γεννήτρια Μετάβασης CSS3

Ομαλή μετάβαση

Αριθμομηχανή Έκπτωσης

Υπολογίστε τις εκπτώσεις, τις τιμές πώλησης και τις εξοικονομήσεις με τον εύχρηστο εκπτωτικό υπολογιστή μας.

Μετατροπέας άεργου ισχύος

Μετατρέψτε την άεργο ισχύ μεταξύ διαφορετικών μονάδων με ακρίβεια και ευκολία

Μετατροπέας Μήκους

Μετατροπή μεταξύ διαφορετικών μονάδων μήκους με ευκολία και ακρίβεια. Ιδανικό για καθημερινή χρήση και επαγγελματικές εφαρμογές.