Skip to content

Animationen

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet.

Quelltext

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>

Eigenschaften (Props)

Erfahren Sie mehr über die Verwendung dieser Komponente, indem Sie AnimeJS besuchen.
  • initial - Object
  • timeline - Object
  • callback - function(animation)
  • onVisible - true | false
  • onScroll - function(scrollAmount) → scrollAmount
GentlentEine offizielle Gentlent Website. Offizielle Gentlent Websites sind immer von unserer Website gentlent.com verlinkt oder enthalten ein erweitertes validiertes Zertifikat.
Skyline Dusseldorf