Γεννήτρια Μετάβασης 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. Γρήγορα, εύκολα και με ασφάλεια.
Γεννήτρια Μετάβασης CSS3
Ομαλή μετάβαση
Αριθμομηχανή Έκπτωσης
Υπολογίστε τις εκπτώσεις, τις τιμές πώλησης και τις εξοικονομήσεις με τον εύχρηστο εκπτωτικό υπολογιστή μας.
Μετατροπέας άεργου ισχύος
Μετατρέψτε την άεργο ισχύ μεταξύ διαφορετικών μονάδων με ακρίβεια και ευκολία
Μετατροπέας Μήκους
Μετατροπή μεταξύ διαφορετικών μονάδων μήκους με ευκολία και ακρίβεια. Ιδανικό για καθημερινή χρήση και επαγγελματικές εφαρμογές.