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

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

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

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

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

Δημιουργήστε Όμορφες Διαβαθμίσεις CSS Χωρίς Κακό

Δημιουργήστε εκπληκτικές γραμμικές, ακτινικές και κωνικές κλίσεις με τη διαισθητική διεπαφή μας. Αντιγράψτε τον κώδικα CSS και χρησιμοποιήστε τον στα έργα σας αμέσως.

Γεννήτρια Κορδέλας CSS

Σχεδιάστε εντυπωσιακές κορδέλες για τον ιστότοπό

Δυαδικό σε Δεκαδικό

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

Pantone σε HSV

ιστοσελίδων Μετατροπή χρωμάτων Pantone σε τιμές HSV για ακριβή έλεγχο