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

Δημιουργία 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 Χωρίς Κακό

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

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

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

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

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

Αφαίρεση αλλαγών γραμμής από το κείμενό σας

Μετατρέψτε κείμενο πολλών γραμμών σε μία συνεχή γραμμή με το εύχρηστο εργαλείο μας.

Αριθμομηχανή Πιθανοτήτων

Υπολογίστε πιθανότητες για διάφορα σενάρια με τον ολοκληρωμένο υπολογιστή πιθανοτήτων.