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