AOSSIE-Org / AOSSIE-Org/PictoPy-Website

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

未關閉
#24 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
bug
主要語言
TypeScript
星號
12
分支
16
PR 合併指標
30 天內沒有已合併 PR

描述

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

貢獻指南

開啟貢獻指南

評估

這個 Issue 還沒有評估資料。

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。