maxellmilay / otakufest-ph

Official website for Otakufest PH
https://otakufest-ph.vercel.app
1 stars 0 forks source link

[Arwin][UI] initial animations #76

Closed arwin50 closed 1 week ago

arwin50 commented 2 weeks ago

https://github.com/maxellmilay/otakufest-ph/assets/112203539/c22efde7-5f96-4bd2-ad7a-2c8c5f5c1c50

what do u think about the scroll animation here?

vercel[bot] commented 2 weeks ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
otakufest-ph ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jun 24, 2024 8:58am
maxellmilay commented 2 weeks ago

@arwin50 is there a better/cleaner way in implementing this? like through css only?

What if for each of the elements, we set an initial animation of opacity going from 0 to 100 that goes forwards only when rendered, so that when we encounter it, we have the same effect as your current code?

arwin50 commented 2 weeks ago

https://github.com/maxellmilay/otakufest-ph/assets/112203539/0b5ac427-d565-481f-9337-ebc7eceb140b

wid da power of libraries