Przykłady
Kompletne wzorce zbudowane z Animated. Dostosuj ustawienia obok każdego: sam przykład dostaje je tylko jako props.
- Magnetyczny dokIkony rosną, gdy przechodzi wskaźnik, odpychając sąsiadów, i uspokajają się, gdy odchodzi.
moveInputfollowuseAnimatedCSSmultiply - Talia do przesuwaniaPrzeciągnij górną kartę. Za progiem odlatuje; w przeciwnym razie wraca sprężyście.
dragInputuseAnimatedListenerAnimated.div - Wspólna galeriaKafelek rośnie do widoku szczegółów i kurczy się z powrotem do siatki.
Animated.SceneAnimated.Keepmove - Tablica do porządkowaniaPrzeciągaj wiersze, by zmienić kolejność, albo używaj strzałek na wierszu z fokusem.
useReorder - Opowieść przy przewijaniuWarstwy poruszają się na różnych głębokościach, a niebo zmienia kolor podczas przewijania.
scrollInputuseAnimatedCSSinterpolate - Ruchomy plakatZapętlony plakat, w którym każdy element jest ścieżką na jednej przewijalnej osi czasu.
useTimeline