AOSSIE-Org / AOSSIE-Org/PictoPy-Website

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

Đang mở
#24 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug
Ngôn ngữ chính
TypeScript
Star
12
Fork
16
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

### 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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Đánh giá

Issue này chưa được đánh giá.

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.