Beispiele
Komplette Muster, gebaut mit Animated. Stell die Optionen neben jedem Beispiel ein: Das Beispiel selbst erhält sie nur als props.
- Magnetisches DockIcons wachsen, wenn der Zeiger vorbeistreicht, schieben ihre Nachbarn beiseite und kommen zur Ruhe, wenn er weg ist.
moveInputfollowuseAnimatedCSSmultiply - Wisch-StapelZieh die oberste Karte. Über der Schwelle fliegt sie weg, sonst federt sie zurück.
dragInputuseAnimatedListenerAnimated.div - Geteilte GalerieEine Kachel wächst zu einer Detailansicht und schrumpft zurück ins Raster.
Animated.SceneAnimated.Keepmove - Sortier-BoardZieh Zeilen, um sie umzusortieren, oder nutze die Pfeiltasten auf einer fokussierten Zeile.
useReorder - Scroll-StoryEbenen bewegen sich in unterschiedlichen Tiefen, während der Himmel beim Scrollen die Farbe wechselt.
scrollInputuseAnimatedCSSinterpolate - Bewegtes PosterEin Endlos-Poster, bei dem jedes Element eine Spur auf einer spulbaren Timeline ist.
useTimeline