Παραδείγματα
Πλήρη μοτίβα φτιαγμένα με Animated. Ρυθμίστε τις επιλογές δίπλα στο καθένα: το ίδιο το παράδειγμα τις λαμβάνει μόνο ως props.
- Μαγνητική μπάραΤα εικονίδια μεγαλώνουν καθώς περνά ο δείκτης, σπρώχνουν τα γειτονικά στην άκρη και ηρεμούν όταν φύγει.
moveInputfollowuseAnimatedCSSmultiply - Τράπουλα σάρωσηςΣύρετε την πάνω κάρτα. Πέρα από το όριο πετά μακριά· αλλιώς επιστρέφει με ελατήριο.
dragInputuseAnimatedListenerAnimated.div - Κοινή γκαλερίΈνα πλακίδιο μεγαλώνει σε προβολή λεπτομερειών και μικραίνει πίσω στο πλέγμα.
Animated.SceneAnimated.Keepmove - Πίνακας αναδιάταξηςΣύρετε γραμμές για να τις αναδιατάξετε ή χρησιμοποιήστε τα πλήκτρα βέλους σε μια εστιασμένη γραμμή.
useReorder - Ιστορία κύλισηςΤα επίπεδα κινούνται σε διαφορετικά βάθη ενώ ο ουρανός αλλάζει χρώμα καθώς κυλάτε.
scrollInputuseAnimatedCSSinterpolate - Κινούμενη αφίσαΜια αφίσα σε βρόχο όπου κάθε στοιχείο είναι κομμάτι σε ένα χρονολόγιο με δυνατότητα μετάβασης.
useTimeline