openroboticmetaverse / orom-website

The official public website for open robotic metaverse
https://www.openroboticmetaverse.org
MIT License
1 stars 1 forks source link

scrollTrigger animation #5

Closed parhasard closed 7 months ago

parhasard commented 7 months ago

🤔Problem Description

The content on components are directly rendered upon page load, which is a bit bland.

✨Desired Solution

Using @hypernym/nuxt-gsap module, an animation should be triggered to transition from opacity 0 to 1, sliding from right to left or in some other direction.

🔄Alternatives Considered

None

📚Technical Details

@hypernym/nuxt-gsap:

npm i -D @hypernym/nuxt-gsap

configuration as described on their official repo

🚧Challenges and Roadblocks

Lack of documentation.

💡Examples and References

One resource that roughly describes how scrollTrigger gsap function can be used is described here

🔗Additional Context

nuxt-gsap module documentation can be referred to