search

ingram-projects / animxyz

The first truly composable CSS animation library. Built for Vue, React, SCSS, and CSS, AnimXYZ will bring your website to life.
https://animxyz.com
MIT License
2.42k stars 56 forks source link

`appearVisible` prop has no perceptible effect in React Project #64

Closed nhugh406 closed 3 years ago

nhugh406 commented 3 years ago

When utilizing the appearVisible prop in the XyzTransitionGroup component, upon scrolling to elements beyond the viewport, the animation is not triggered when they come into view - elements have already had their animation run

 <XyzTransitionGroup appearVisible  className="card-section"  xyz="fade small out-down out-rotate-right appear-stagger stagger-1">
    {colours.map((data) => (
      <div key={data.id}>
        <ColourCard {...data} />
      </div>
    ))}
  </XyzTransitionGroup>