Γεννήτρια Μετάβασης CSS3
Ομαλή μετάβαση
Δημοφιλείς προεπιλογές
εξασθένισης
Ομαλή μετάβαση
Εφέ κλίμακας Αλλαγή
μεγέθους στοιχείου κατά την κατάδειξη
Εφέ
Στοιχείο περιστροφής κατά την κατάδειξη
Εφέ διαφάνειας
Μετακίνηση θέσης
Αλλαγή
Μετάβαση
φόντου Πληροφορίες για τις μεταβάσεις Οι
μεταβάσεις CSS σάς επιτρέπουν να αλλάζετε ομαλά τις τιμές ιδιοτήτων σε μια δεδομένη διάρκεια.
Οι συνήθως κινούμενες ιδιότητες περιλαμβάνουν:
- πλάτος, περιθώριο ύψους
- αναπλήρωσης
- , χρώμα
- transform (scale, rotate, translate)
- background-color
Επαγγελματική συμβουλή: Χρησιμοποιήστε την επιλογή "Όλες οι ιδιότητες" για να προσθέσετε κίνηση σε όλες τις αλλαγές.
Preview
Δημιουργημένος κώδικας
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Στοιχεία ελέγχου
κατάδειξης
Related Tools
Μετατροπέας SCSS σε CSS
Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.
Μετατροπέας γραφίδας σε CSS
Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.
Δημιουργήστε Όμορφες Διαβαθμίσεις CSS Χωρίς Κακό
Δημιουργήστε εκπληκτικές γραμμικές, ακτινικές και κωνικές κλίσεις με τη διαισθητική διεπαφή μας. Αντιγράψτε τον κώδικα CSS και χρησιμοποιήστε τον στα έργα σας αμέσως.
Υπολογιστής Μέσου Όρου
χώρου σαςΥπολογίστε γρήγορα τον μέσο όρο (αριθμητικός μέσος όρος) ενός συνόλου αριθμών με το εύχρηστο εργαλείο μας.
HSV σε CMYK
HMAC εύκολαΜετατροπή κωδικών χρωμάτων HSV σε τιμές CMYK για σχεδίαση
Κιτ Εργαλείων Κωδικοποίησης & Αποκωδικοποίησης Base64
Κωδικοποιήστε και αποκωδικοποιήστε συμβολοσειρές Base64 με ευκολία απευθείας στο πρόγραμμα περιήγησής σας.