elite-css-animations
✓CSS 原生动画技术，包括滚动驱动动画 API、视图转换、@property 规则和视觉效果。当询问时使用：CSS 动画、滚动驱动动画、CSS 滚动时间轴、视图转换、页面转换、@property、动画 CSS 变量、剪辑路径动画、背景过滤器、混合混合模式、CSS 蒙版、纯 CSS 动画、无 JavaScript 动画，或者不需要/不需要 GSAP 时。包括 CSS 与 GSAP 的决策指南。
SKILL.md
| Scroll-Driven API | scroll-driven-api.md | | View Transitions | view-transitions.md | | @property Rule | property-rule.md | | Visual Effects | visual-effects.md |
| Feature | Chrome | Firefox | Safari | Edge |
| Scroll-Driven Animations | ✓ 115+ | ✓ 132+ | ✗ (polyfill) | ✓ 115+ | | View Transitions | ✓ 111+ | ✗ | ✓ 18+ | ✓ 111+ | | @property | ✓ 85+ | ✓ 128+ | ✓ 15.4+ | ✓ 85+ | | clip-path animations | ✓ | ✓ | ✓ | ✓ | | backdrop-filter | ✓ | ✓ | ✓ | ✓ |
CSS 原生动画技术，包括滚动驱动动画 API、视图转换、@property 规则和视觉效果。当询问时使用：CSS 动画、滚动驱动动画、CSS 滚动时间轴、视图转换、页面转换、@property、动画 CSS 变量、剪辑路径动画、背景过滤器、混合混合模式、CSS 蒙版、纯 CSS 动画、无 JavaScript 动画，或者不需要/不需要 GSAP 时。包括 CSS 与 GSAP 的决策指南。 来源：rshvr/elite-web-design。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-05
- 更新时间
- 2026-02-18
快速解答
什么是 elite-css-animations？
CSS 原生动画技术，包括滚动驱动动画 API、视图转换、@property 规则和视觉效果。当询问时使用：CSS 动画、滚动驱动动画、CSS 滚动时间轴、视图转换、页面转换、@property、动画 CSS 变量、剪辑路径动画、背景过滤器、混合混合模式、CSS 蒙版、纯 CSS 动画、无 JavaScript 动画，或者不需要/不需要 GSAP 时。包括 CSS 与 GSAP 的决策指南。 来源：rshvr/elite-web-design。
如何安装 elite-css-animations？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/rshvr/elite-web-design --skill elite-css-animations 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/rshvr/elite-web-design
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-05