electric-border
electric-border 是一个纯 CSS 的动画描边效果，为卡片等元素添加抖动电流感轮廓，适合用作单个主视觉元素的强调装饰。无依赖，兼容减少动态效果设置。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-07 00:13
设计与创作
22,385 个结果
falling-text
falling-text 是一个轻量的标题文字入场动效：字母逐个下落归位，带轻微重力感，适合一行短标题而非正文。无依赖，并兼容减少动态效果设置。
faulty-terminal
faulty-terminal 是一个基于 WebGL 的 GPU 片元着色器背景效果，无需依赖库，可作为营销级首屏背景。每个视图仅使用一次，文字后方需加遮罩层。
fx-letter-explode
fx-letter-explode 是 Open Design html-ppt fx 包中的字母飞入动效，字母从各处飞入并落位成词，基于 Canvas，适用于幻灯片与发布视频的标题卡、章节分隔或主视觉时刻。
fx-matrix-rain
基于 Canvas 的下落代码字符特效，来自 Open Design 的 html-ppt fx 特效包（Apache-2.0），属于 motion-anything 项目并遵循 MOTION-SPEC.md，适合幻灯片与发布视频中的标题卡、章节分隔或主视觉时刻。
fx-shockwave
fx-shockwave 是来自 Open Design html-ppt fx 包的 canvas 冲击波涟漪效果，用于幻灯片或发布视频中标题卡、章节分隔或主打时刻，制造有冲击力的视觉节拍。遵循 MOTION-SPEC.md，需引入脚本并调用 HPX['shockwave'](el)。
fx-sparkle-trail
基于 Canvas 的闪光轨迹特效，为幻灯片与发布视频中的标题卡、章节过渡或主视觉时刻增添轻盈、愉悦的点缀。来自 Open Design 的 html-ppt fx 资源包（Apache-2.0），属于 motion-anything 项目并遵循 MOTION-SPEC.md。
galaxy
galaxy 是一个基于无依赖 WebGL 的 GPU 片元着色器背景，用于营销级主视觉（hero）背景。每个视图仅使用一次，文字后方需加遮罩层。资料未提供收费、平台与效果细节。
glare-hover
glare-hover 是一个无依赖的悬停眩光效果技能：光标在卡片上移动时，柔和眩光随之扫过，营造高级触感光泽。适用于少量重点卡片而非整片网格，并在触屏与减少动态效果环境下自动禁用。
glass-icons
glass-icons 是一组玻璃拟态风格的图标按钮样式，悬停时按钮会轻微上浮并发光，适合用作小型工具栏或社交图标行。它无依赖，并在系统开启减少动态效果时自动变为平面样式。
glitch-text
glitch-text 是一个纯 CSS 的 RGB 分离故障闪烁标题效果，适合科技感、前卫风格的文字揭示。无依赖，在 prefers-reduced-motion 下保持稳定。
gradient-blinds
gradient-blinds 是一个基于无依赖 WebGL 的 GPU 片元着色器背景，用于营销级主视觉背景。每个视图仅使用一次，文字后方需加遮罩层。
image-trail
image-trail 是一个无依赖、尊重减少动态效果设置的图片拖尾效果组件，缩略图会跟随光标移动并淡出，适合画廊或作品集首页的视觉点缀。每页建议只用一个拖尾区域，内容较多的页面负担较重，触屏设备下默认关闭。
iridescence
iridescence 是一个无依赖 WebGL GPU 片段着色器背景，用于网页 hero 区域的动态虹彩效果。每个视图仅使用一次，文字后方需加遮罩层。
kinetic-headline
kinetic-headline 是 motion-anything 中的动效技能，让标题的单词或字母在加载时依次错峰入场，适用于单个主标题或发布视频中的标题卡，遵循 MOTION-SPEC.md。
lightfall
lightfall 是一个基于 GPU 片元着色器的背景效果，使用无依赖的 WebGL 渲染，适合用作营销级主视觉背景。每个视图仅使用一次，文字后方需加遮罩层。
lightning
lightning 是一个基于 GPU 片元着色器的背景效果，使用无依赖的 WebGL 渲染，适合作为营销级主视觉背景。每个视图仅使用一次，文字后方需加遮罩层。
like-burst
like-burst 是一个用于点赞、收藏或表态按钮的庆祝式粒子爆发微交互，属于 motion-anything 系列并遵循 MOTION-SPEC.md。它只会在用户主动点击时触发，不会在页面加载时自动播放，为交互提供有节制的正向反馈。使用时把 like-burst.css 与 like-burst.js 复制进项目并引入，给按钮加上 data-like-burst 属性即可自动绑定，也可手动调用 attachLikeBurst(el)。它支持无障碍偏好，在 prefers-reduced-motion 下会抑制粒子、保留低调的颜色或缩放提示；仅动画 transform/opacity，并在约 700ms 后移除注入的粒子节点。适用于点赞、收藏、赞同、表态类按钮，不适用于删除、关闭等破坏性或中性操作，也不应在同一屏幕同时触发多个爆发或在加载时自动播放。
liquid-chrome
liquid-chrome 是一个基于 GPU 片元着色器的 WebGL 背景效果，无需依赖库，适合用作营销级首屏视觉背景。每个视图仅使用一次，文字后方需加遮罩层。
lottie-fab
lottie-fab 是一个 Lottie JSON 动画资源，表现浮动操作按钮（FAB）展开变形的动效，可在 Web 与 App 中通过 lottie-web 一致播放，属于 motion-anything 项目并遵循 MOTION-SPEC.md。
lottie-favorite
lottie-favorite 是一个可在切换时播放动画的爱心/收藏图标，以 Lottie JSON 形式提供，可在网页与应用中通用。资料来自 spemer/lottie-animations-json（MIT），属于 motion-anything 项目并遵循 MOTION-SPEC.md。适用于需要跨端一致的可移植动效与图标微动画。
lottie-pagination
lottie-pagination 是一个 Lottie JSON 格式的动画分页圆点指示器，源自 spemer/lottie-animations-json（MIT），属于 motion-anything 项目并遵循 MOTION-SPEC.md，可在 Web 与 App 中通过 lottie-web 一致播放，适合图标或控件的微动画。
lottie-tab
lottie-tab 是一个用 Lottie JSON 制作的底部标签栏动画指示器，源自 motion-anything 项目，可在 Web 和 App 中通过 lottie-web 一致播放。
magnet-lines
magnet-lines 是一个无依赖、对减少动效设置安全的交互式线条网格效果：网格中的小线条会全部指向光标，适合用作 hero 或背景的吸睛动效。每个视图只放一个该效果。