fx-constellation
fx-constellation 是 Open Design html-ppt 特效包中的一种基于 Canvas 的星座连线动效，用于幻灯片或发布视频的标题卡、章节分隔与主视觉时刻，呈现安静的点线连接运动。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-02 00:09
前端与建站
11,363 个结果
fx-counter-explosion
fx-counter-explosion 是一个基于 Canvas 的数字计数后爆裂特效，用于幻灯片或发布视频中的大数字展示。来自 Open Design 的 html-ppt fx 特效包（Apache-2.0），属于 motion-anything 项目并遵循 MOTION-SPEC.md。
fx-firework
fx-firework 是 Open Design html-ppt fx 特效包中的烟花发射与绽放效果，基于 Canvas，用于幻灯片或发布视频的节日式主视觉时刻。
fx-galaxy-swirl
基于 Canvas 的粒子漩涡星系特效，来自 Open Design 的 html-ppt fx 包（Apache-2.0），属于 motion-anything 项目并遵循 MOTION-SPEC.md。适合幻灯片或发布视频的标题卡、章节分隔与主视觉时刻，不适用于正文阅读内容。
fx-gradient-blob
fx-gradient-blob 是 Open Design html-ppt fx 包中的画布特效，用于生成柔和漂移的渐变光斑，营造温暖氛围光。适合幻灯片或发布视频的标题卡、章节分隔与主视觉时刻，不适用于需要专注阅读的网页正文。
fx-knowledge-graph
fx-knowledge-graph 是 Open Design html-ppt fx 包中的画布特效，用漂移的连线节点营造数据与 AI 氛围，适合幻灯片或发布视频的标题卡、章节分隔与主视觉时刻。
fx-magnetic-field
基于 Canvas 的磁场特效，让磁力线绕磁极弯曲，形成催眠式背景，来自 Open Design 的 html-ppt fx 特效包（Apache-2.0），属于 motion-anything 项目并遵循 MOTION-SPEC.md。适合幻灯片或发布视频的标题卡、章节分隔与主视觉时刻。
fx-neural-net
基于 Canvas 的脉冲神经网络视觉特效，用作幻灯片或发布视频的 AI 风格背景。来自 Open Design 的 html-ppt fx 特效包（Apache-2.0），属于 motion-anything 项目，遵循 MOTION-SPEC.md。
fx-orbit-ring
fx-orbit-ring 是 Open Design html-ppt fx 包中的画布粒子环绕效果，粒子沿圆环运行形成优雅循环动画，适用于幻灯片与发布视频的标题卡、章节分隔或主视觉时刻。
fx-starfield
fx-starfield 是 Open Design html-ppt fx 包中的画布星空特效，呈现缓慢漂移的星域背景，适合幻灯片与发布视频的标题页、章节分隔或主视觉时刻。
fx-typewriter-multi
fx-typewriter-multi 是 Open Design html-ppt fx 包中的多行打字机效果，按顺序逐行输入文字，基于 Canvas 实现，适用于幻灯片和发布视频中的标题卡、章节分隔或主视觉时刻。
fx-word-cascade
fx-word-cascade 是 Open Design html-ppt fx 包中的动态标题效果，让文字逐词落入画面，适合幻灯片与发布视频的标题卡、章节分隔或主视觉时刻。基于 Canvas 实现，遵循 MOTION-SPEC.md，并需处理 prefers-reduced-motion。
gooey-nav
gooey-nav 是一个无依赖、兼容减少动态效果设置的导航组件：胶囊形指示块会在当前导航项下方滑动，并带有弹性融合效果，形成平滑的分段控件。每个视图只应使用一个。
gradient-text
gradient-text 是一个纯 CSS 的标题渐变动效技能，让缓慢的品牌渐变在短标题文字中流动，营造低调的高级感。属于 motion-anything 项目，遵循 MOTION-SPEC.md，无需依赖。
gradual-blur
gradual-blur 是一个无依赖的 CSS 效果，在容器边缘实现渐进式模糊，让内容朝边缘柔和淡出，常用于滚动列表或区块，作为提示“下方还有更多内容”的高级视觉暗示。
line-waves
line-waves 是一个无需依赖的 WebGL GPU 片段着色器背景，可作为营销级主视觉区（hero）背景使用。每个视图只用一个，并在文字后方加遮罩层。它会渲染静态效果。
ripple-press
ripple-press 是 motion-anything 中一个无依赖的点击涟漪反馈技能：从指针按下的精确位置生成快速、低透明度涟漪，用于确认点击，而非装饰。遵循 MOTION-SPEC.md，基于 Material 状态层交互重实现。
scroll-float
scroll-float 是一个无依赖、且对 reduced-motion 安全的逐词滚动浮现效果：当一行文字进入视口时，单词向上漂浮并落定，形成活泼的逐词揭示动画。资料建议用于一到两行文字，位移幅度保持适度。
scroll-reveal
scroll-reveal 是一个滚动进入视口时让内容轻微上浮并淡入的前端动效组件，每个元素只触发一次，用于为长页面营造平稳节奏，支持 prefers-reduced-motion，仅动画 transform 与 opacity。
target-cursor
target-cursor 是一个无依赖、兼容减少动画偏好的光标动画脚本：用会脉动的目标环替换系统光标，悬停按钮或链接时圆环放大，营造科技感指针效果；每页仅启用一次，在触屏与特定情况下关闭。
threads
threads 是一个基于 GPU 片段着色器的背景效果，使用无依赖的 WebGL 渲染，适合作为营销级主视觉背景。每个视图使用一个，文字后方需加遮罩层。
toggle-spring
toggle-spring 是 motion-anything 中的弹簧式开关动效组件，切换时旋钮带轻微回弹地滑过，适合设置与表单中的开关状态。遵循 prefers-reduced-motion，仅使用 transform，并通过 aria-pressed 反映状态。
xyz-flip-left
AnimXYZ 的 Flip Left 入场效果，通过 xyz="fade flip-left-90" 属性声明式组合淡入与翻转，无需编写关键帧。属 nexu-io/motion-anything 项目，采用 MIT 许可。
open-design-homepage
Open Design 首页的像素级自包含镜像模板，用 React Three Fiber 与 Next.js 实现实时 3D 字标、视差与滚动叙事，作为交互式 WebGL 营销页面的参考范例，而非填空式生成器。