Példák
Animateddel épített teljes minták. Állítsa a beállításokat mindegyik mellett: maga a példa csak props-ként kapja meg őket.
- Mágneses dokkAz ikonok megnőnek, amikor elhalad felettük a mutató, félretolják a szomszédaikat, és megnyugszanak, amikor a mutató távozik.
moveInputfollowuseAnimatedCSSmultiply - Lapozható pakliHúzza a legfelső kártyát. A küszöbön túl elrepül; különben rugóval visszatér.
dragInputuseAnimatedListenerAnimated.div - Megosztott galériaEgy csempe részletnézetté nő, majd visszazsugorodik a rácsba.
Animated.SceneAnimated.Keepmove - Átrendező táblaHúzza a sorokat az átrendezésükhöz, vagy használja a nyílbillentyűket egy fókuszált soron.
useReorder - Görgetett történetA rétegek különböző mélységekben mozognak, miközben görgetés közben az ég színe változik.
scrollInputuseAnimatedCSSinterpolate - Mozgó plakátIsmétlődő plakát, amelyben minden elem egy sáv egyetlen tekerhető idővonalon.
useTimeline