ο Κινούμενες εικόνες CSS3 σας επιτρέπουν να μετακινήσετε τη μετάβαση μεταξύ ενός στυλ CSS και ενός άλλου. Αυτά αποτελούνται από δύο συστατικά. Από τη μία πλευρά, έχουμε το στυλ που περιγράφει την κινούμενη εικόνα, και από την άλλη, το σύνολο των καρέ που υποδεικνύουν την αρχική και την τελική του κατάσταση.
Κινούμενα σχέδια CSS έχουν κάποια πλεονεκτήματα καθώς είναι πολύ απλό να γίνει σε σύγκριση με τις παραδοσιακές τεχνικές δέσμης ενεργειών και επομένως, εάν χρησιμοποιούμε πολύ ενδιαφέρουσες και ποιοτικές πηγές πόρων, η εργασία θα είναι ακόμα πιο εύκολη. Ωστόσο, χρειάζεται χρόνος και μπορεί να είναι πολύ δύσκολο, επομένως αυτές οι πηγές πόρων μπορεί να είναι χρήσιμες.
Λειτουργία χαλάρωσης
Αυτό καθορίστε ταχύτητα animation για να γίνει πιο ρεαλιστικό. Το συρτάρι ανοίγει, δίνεται επιτάχυνση και τελικά φρενάρει. Όταν πέφτει κάτι, αρχικά κατεβαίνει γρήγορα για να καταλήξει να αναπηδά. Μπορείτε να βρείτε την επιθυμητή λειτουργία σε αυτήν τη σελίδα easing.net. Το καλύτερο είναι ότι είναι στη γλώσσα μας, ώστε να είναι ευκολότερο για εσάς να χρησιμοποιήσετε αυτόν τον ιστότοπο.
Animate.css
Ο Dan Eden έχει συντάξει ένα Βιβλιοθήκη κινουμένων σχεδίων CSS εξαιρετικής ομορφιάς που μπορείτε να χρησιμοποιήσετε στα έργα σας. Το ίδιο το έργο είναι μια εξαιρετική πηγή έμπνευσης.
Animate Plus
Το Stripe είναι γνωστό για τις σελίδες προϊόντων του που έχουν gran calidad σε όλες τις κινούμενες εικόνες που έχει. Ένα από τα δημιουργικά μυαλά τους πίσω από αυτά τα κινούμενα σχέδια είναι ο Benjamin De Cock, ο οποίος δημιούργησε μια βιβλιοθήκη κινουμένων σχεδίων CSS και SVG που αποδίδει πολύ καλά και έχει ελαφρύ βάρος. ιδανικό για κινητά.
Hover.css
Ένας παρόμοιος πόρος με το Animate.css, το Hover.css είναι ένα Συλλογή εφέ CSS ότι τα έχετε ελεύθερα να χρησιμοποιήσετε όπως θέλετε στα έργα σας. Επικεντρώνεται στα εφέ αιωρήματος για συνδέσμους, κουμπιά, εικόνες και άλλα.