关于 motion-frames
motion-frames 是制作带循环动效的 Hero 画面的设计模板，可用于视频片头或落地页大图。它组合旋转文字环、动态视觉元素和浮动标签，并以纯 CSS 实现循环动画。
主要功能
- 01制作带循环动效的 Hero 画面
- 02使用 SVG 旋转文字环
- 03加入动态地球或抽象几何
- 04可选添加计时器
- 05通过纯 CSS 实现循环动画
适用场景
- 01制作视频片头画面
- 02设计落地页大图
- 03为品牌视觉加入循环动效
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/motion-frames确认已加载。
附带文件example.html
README 原文English
来自项目 READMEREADME 暂无中文译文，以下为英文原文；中文介绍见上方。
【模板: Motion 帧 / Hero Loop】 【意图】一帧带循环动效的 hero, 可作为视频片头或落地页大图。 【布局】
- Rotating type ring (SVG + transform)
- Animated globe / 抽象几何
- Ticking timer (mono 字体, JS 可有可无)
- Parallax labels 浮动 【设计细节】
- 纯 CSS 动效, 流畅可循环
- 电影感调色 + 1 个霓虹 accent
评论
支持 Markdown