{"id":"motion-frames","name":"motion-frames","summary":"サイクル可能なCSSアニメーションの組み合わせ:回転リング、グローブ、タイマー、視差ラベル","body":"【模板: Motion 帧 / Hero Loop】\n【意图】一帧带循环动效的 hero, 可作为视频片头或落地页大图。\n【布局】\n- Rotating type ring (SVG + transform)\n- Animated globe / 抽象几何\n- Ticking timer (mono 字体, JS 可有可无)\n- Parallax labels 浮动\n【设计细节】\n- 纯 CSS 动效, 流畅可循环\n- 电影感调色 + 1 个霓虹 accent","author":"@nexu-io","ownerProfile":null,"authorContacts":null,"sourceUrl":"https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/motion-frames","license":"Apache-2.0","category":"video","lang":"multi","tokens":114,"stars":0,"calls30d":1,"claimed":false,"visibility":"public","origin":"crawler","version":"0.1.0","createdAt":"2026-08-22","updatedAt":"2026-08-22","files":[{"path":"example.html","size":8402,"sha256":"fa6a8376730990c64f792602638cff3075aa0c10eb5a938be998d850bc0124d6"}],"requires":{"mcp":[],"tools":[]},"safety":{"flags":[],"scannedAt":"2026-08-22","hasScripts":false,"networkEndpoints":[]}}