search

versoly / taos

A simple and small (600 bytes) library to help animate elements while scrolling using responsive Tailwind CSS JIT utility classes.
MIT License
229 stars 8 forks source link

Astro is triggering animation only once #9

Closed teddybee closed 10 months ago

teddybee commented 10 months ago

I tried to integrate this lib to Astro 3.5 static page. Unfortunately it is triggered one time when I scroll down. After I reached the bottom of the page and try to go full up and go down another round, the elements are fixed. Is it as expected?

P.S.: after browser resize, it is working again

volkandkaya commented 10 months ago

You will need to add

[animation-iteration-count:infinite]

to the elements you want repeating.

Let me know if that fixes the issue.

teddybee commented 10 months ago

@volkandkaya Thank you. I added a style to the div, and it solved the problem. style={"animation-iteration-count: infinite"} Unfortunately the tailwind class "repeat-infinite" was not worked.