Live Preview

Effects

无限跑马灯

Library Effects

无限跑马灯

可暂停的无限 Logo 跑马灯，悬停/聚焦时停止。

Logo 带可暂停的无限 Logo 跑马灯，悬停/聚焦时停止。将本资源作为视觉与交互简报使用。把 Prompt 复制到 AI 编程工具，再按你的产品调整布局、品牌语气与动效强度。

Back to Library

Then paste it into your favorite AI coding tool.

Details

Type
Effects
Category
Saas
Style
Minimal
Tech stack
CSS
Animation
Marquee
Difficulty
Beginner
License
Personal
Access
Free
Creator
Daniel Reed
Views
693
  • Marquee
  • CSS
  • JavaScript

Copy. Paste. Create.

This prompt is engineered to communicate visual direction, layout, interaction, animation and technical requirements. 

Build an infinite logo marquee: duplicated track, CSS animation, pause on hover and when any child receives focus. prefers-reduced-motion: show a static wrapped row. Ensure logos have alt text. Avoid layout shift.

Installation

Copy the prompt into your AI coding tool, then adapt colors and type to your brand.

License: Personal