Δημοφιλείς προεπιλογές
εξασθένισης
Ομαλή μετάβαση
Εφέ κλίμακας Αλλαγή
μεγέθους στοιχείου κατά την κατάδειξη
Εφέ
Στοιχείο περιστροφής κατά την κατάδειξη
Εφέ διαφάνειας
Μετακίνηση θέσης
Αλλαγή
Μετάβαση
φόντου Πληροφορίες για τις μεταβάσεις Οι
μεταβάσεις 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. Γρήγορα, εύκολα και με ασφάλεια.
Γεννήτρια Κορδέλας CSS
Σχεδιάστε εντυπωσιακές κορδέλες για τον ιστότοπό
Δεκαδικό σε Οκταδικό
Μετατροπή δεκαεξαδικών αριθμών σε οκταδικούς χωρίς κόπο
RGB σε HSV
ιστοσελίδων Μετατροπή χρωμάτων RGB σε τιμές HSV για διαισθητικό χειρισμό