Animations
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Code
import * as G from '.../components';
<G.AnimeJS initial={{
targets: '#myAnimation',
autoplay: false,
direction: 'alternate',
easing: 'linear',
duration: 500,
translateX: 250,
opacity: 0,
}}
onScroll={(amount) => amount}>
<div id="myAnimation">
...
</div>
</G.AnimeJS>Properties
Learn more about the usage of this component by visiting AnimeJS.
- initial - Object
- timeline - Object
- callback - function(animation)
- onVisible - true | false
- onScroll - function(scrollAmount) → scrollAmount
An official Gentlent website. Official Gentlent websites are always linked from our website gentlent.com, or contain an extended validated certificate.