Δωρεάν Γεννήτρια Κουμπιών 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); }

Ιδιότητες

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

Related Tools

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

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

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

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

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

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

Εργαλείο αποκωδικοποίησης URL

Αποκωδικοποιήστε παραμέτρους URL με ευκολία απευθείας στο πρόγραμμα περιήγησής

Κείμενο σε Δυαδικό

κόπο Μετατροπή κειμένου σε δυαδικό κώδικα χωρίς κόπο

Δεκαδικό σε CMYK

κόπο Μετατροπή δεκαεξαδικών χρωματικών κωδικών σε CMYK για εφαρμογές