AOSSIE-Org / AOSSIE-Org/PictoPy-Website

[BUG]: Fix marquee animation starting from center instead of seamless left-to-right flow

Open
#24 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
12
Forks
16
PR merge metrics
No merged PRs in 30d

Description

### Bug Description

The horizontal scrolling feature tags (e.g., `QuickView • CodeAI • PictoAI • SmartSort`) on the landing page are not animating correctly.

Currently, the animation appears to originate from the center of the screen and then moves toward the right. This breaks the expected visual flow and makes the animation look unnatural.

Ideally, the animation should either:
- Start from the left side (off-screen) and move smoothly to the right
**or**
- Be implemented as a seamless infinite loop (marquee-style) without any visible restart

### Steps to Reproduce

### Steps to Reproduce
1. Open the PictoPy landing page
2. Scroll to the section with feature tags (QuickView, CodeAI, etc.)
3. Observe the horizontal scrolling animation
4. Notice that the elements appear from the center and move right instead of starting from the left or looping seamlessly

### Logs and Screenshots

### Screen Recording

https://github.com/user-attachments/assets/cf96e14d-b07a-4ee5-aa4f-849a48cb302d

### Environment Details

- OS: macOS
- Browser: Safari (also reproducible in other browsers)
- Environment: Localhost (development server)

### Impact

Medium - Feature works but has issues

### Code of Conduct

- [x] I have joined the [Discord server](https://discord.gg/hjUhu33uAn) and will post updates there
- [x] I have searched existing issues to avoid duplicates

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.