SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 11-07 00:13

设计与创作

22,369 个结果

anim-fadeinbottomleft

anim-fadeinbottomleft 是来自 Animate.css(Hippocratic License 2.1,© Daniel Eden)的一个 CSS 关键帧动画,属于 motion-anything 项目的一部分。它名为 Fade In Bottom Left,实现从元素左下角方向淡入的入场动画效果,无需 JavaScript 即可使用,并且遵循 prefers-reduced-motion 偏好设置。使用时只需复制对应的 fadeInBottomLeft.css 文件,为目标元素添加 fadeInBottomLeft 类,并设置 animation-duration 即可。该动画适合作为快速、可直接引入的 CSS 入场效果,但资料建议避免在同一页面大量使用,也不宜用于必须阅读的内容,应保持克制。

设计与创作1 次安装

anim-fadeindownbig

anim-fadeindownbig 是来自 Animate.css 的一个 CSS 关键帧动画(keyframe animation),属于 motion-anything 项目的一部分。它提供“Fade In Down Big”效果,即元素从上方较大距离向下移动并伴随淡入出现。该动画为纯 CSS 实现,无需 JavaScript,使用时只需复制 fadeInDownBig.css 文件,为元素添加 fadeInDownBig 类并设置 animation-duration 即可。它遵循 Hippocratic License 2.1,版权归 Daniel Eden 所有;同时支持 prefers-reduced-motion,在用户开启减少动画偏好时该动画会被禁用。适合作为轻量、即插即用的入场动画使用,但资料提示应克制使用,避免大量动画堆叠或用于必须阅读的内容。

设计与创作1 次安装

anim-fadeinleftbig

anim-fadeinleftbig 是一个来自 Animate.css 的 CSS 关键帧动画(Hippocratic-2.1 许可,© Daniel Eden),名为 Fade In Left Big。它属于 motion-anything 项目,无需 JavaScript 即可使用。该动画用于元素的入场效果:元素从左侧较大偏移处淡入。使用时把 fadeInLeftBig.css 复制到项目中,为元素添加 fadeInLeftBig 类并设置 animation-duration 即可。它遵循 prefers-reduced-motion:当用户偏好减少动态效果时动画被禁用。适合需要轻量、快速、直接引入的入场动画场景;不建议在同一页面大量同时使用,也不适合用于必须阅读的内容,应保持克制。

设计与创作1 次安装

anim-fadeinrightbig

Fade In Right Big 是来自 Animate.css 的 CSS 关键帧动画(Hippocratic-2.1 许可,© Daniel Eden),属于 motion-anything 项目的一部分。它无需 JavaScript,直接以 CSS 文件方式引入,可让元素从右侧较大偏移位置淡入进入视图。使用时复制 fadeInRightBig.css,为目标元素添加 fadeInRightBig 类并设置 animation-duration 即可。该动画遵循 prefers-reduced-motion,在用户偏好减少动态效果时会被禁用;使用时应保留对 Animate.css 的署名。适合作为快速、轻量的入场动画,但不宜同时大量使用,或用于必须优先阅读的内容。

设计与创作1 次安装

anim-heartbeat

Heart Beat 是一个来自 Animate.css 的 CSS 关键帧动画(许可协议为 Hippocratic-2.1,© Daniel Eden),属于 motion-anything 项目的一部分。它的定位是“即插即用”的 CSS 强调动画,无需 JavaScript 即可为元素添加心跳般的缩放脉冲效果。使用时复制 heartBeat.css,为目标元素添加 heartBeat 类并设置 animation-duration 即可生效。该动画遵循 prefers-reduced-motion,在用户偏好减少动效时会自动禁用,具备无障碍考虑。资料同时给出使用限制:应克制使用,不建议在同一页面同时用于大量元素,也不应施加于必须阅读的内容之上。使用时需保留对 Animate.css 的署名(Hippocratic-2.1)。除上述信息外,具体参数、演示效果与更多用法资料暂未提供。

设计与创作1 次安装