Skip to content
An official Gentlent website. Official Gentlent websites are always linked from our website gentlent.com, or contain an extended validated certificate.
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.