motion-frames
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
Chinese【模板: Motion 帧 / Hero Loop】
【意图】一帧带循环动效的 hero, 可作为视频片头或落地页大图。
【布局】
- Rotating type ring (SVG + transform)
- Animated globe / 抽象几何
- Ticking timer (mono 字体, JS 可有可无)
- Parallax labels 浮动 【设计细节】
- 纯 CSS 动效, 流畅可循环
- 电影感调色 + 1 个霓虹 accent
【Template: Motion Frame / Hero Loop】
【Purpose】A hero frame with loopable animations, which can be used as a video opening or landing page banner.
【Layout】
- Rotating type ring (SVG + transform)
- Animated globe / Abstract geometry
- Ticking timer (monospace font, JS optional)
- Parallax labels floating 【Design Details】
- Pure CSS animations, smooth and loopable
- Cinematic color palette + 1 neon accent