Γεννήτρια Μετάβασης 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 Χωρίς Κακό
Δημιουργήστε εκπληκτικές γραμμικές, ακτινικές και κωνικές κλίσεις με τη διαισθητική διεπαφή μας. Αντιγράψτε τον κώδικα CSS και χρησιμοποιήστε τον στα έργα σας αμέσως.
Μετατροπέας γραφίδας σε CSS
Μετατρέψτε τον κώδικα SCSS σε CSS. Γρήγορα, εύκολα και με ασφάλεια.
Γεννήτρια Hash MD5
Δημιουργήστε κατακερματισμούς MD5 γρήγορα και εύκολα
Μετατροπή XML σε JSON χωρίς κόπο
Μετατρέψτε τα δεδομένα XML σε δομημένη μορφή JSON με ένα μόνο κλικ. Γρήγορο, ασφαλές και πλήρως βασισμένο σε πρόγραμμα περιήγησης.
Γεννήτρια Μετάβασης CSS3
Ομαλή μετάβαση