Γεννήτρια κινούμενων σχεδίων CSS για τεμπέληδες.
Κινούμενα σχέδια CSS
Το CSS επιτρέπει την κίνηση των στοιχείων HTML χωρίς τη χρήση JavaScript ή Flash
Σε αυτό το κεφάλαιο θα μάθετε για τις πρόσθετες πληροφορίες:
- @keyframes
- animation-name
- animation-διάρκεια
- animation-καθυστέρηση
- κινούμενη εικόνα-επανάληψη-μέτρηση
- animation-σκηνοθεσία
- animation-timing-function
- animation-fill-mode
- κινουμένων σχεδίων
Ειδικά προγράμματα περιήγησης
Ορισμένα παλαιότερα προγράμματα περιήγησης χρειάζονται συγκεκριμένα προθέματα (-webkit-) για να κατανοήσουν τις κινούμενες εικόνες
Τι είναι τα κινούμενα σχέδια CSS;
Μια κινούμενη εικόνα επιτρέπει σε ένα στοιχείο που αλλάζει σταδιακά από το ένα στυλ στο άλλο.
Μπορείτε να θέλετε να συνδέσετε το CSS, όσες φορές θέλετε.
Για να χρησιμοποιήσετε την κινούμενη εικόνα CSS, πρέπει πρώτα να καθορίσετε τη βασική εικόνα για την κινούμενη εικόνα.
Τα βασικά καρέ περιέχουν τα στυλ που έχουν το στοιχείο σε συγκεκριμένες στιγμές.
Ο κανόνας @keyframes
Όταν καθορίζετε στυλ CSS μέσα στον κανόνα @keyframes, η κινούμενη εικόνα που άλλαξε σταδιακά από το τρέχον στυλ στο νέο στυλ σε συγκεκριμένες χρονικές στιγμές.
