做Vue动效用这Skill选方式

使用 Motion Vue 为 Vue 3 和 Nuxt 添加手势动画和滚动效果。

motion 这份 Skill 介绍 Vue 3 与 Nuxt 的 Motion Vue 动画方案。它把声明式动画、手势、滚动触发和布局过渡分开,帮助按任务选方式。

按钮按下给反馈,与元素滚到视口后出现,是两类交互;“进入视口”也不同于随滚动进度连续变化。主文有基础示例,更细的组件和组合函数说明另在引用里。

简单过渡可先看 CSS,复杂时间线还可能更适合其他工具。主文的包体小、硬件加速等宣传不能代表每个动画的实际开销;版本和退出动画所需容器也需核当前文档。适合有明确交互目标的人选入口,效果是否顺畅要在实际页面上验证。

分类:编程开发

来源仓库:onmax/nuxt-skills

适合用来做什么

  • 使用Motion Vue为按钮添加点击动画。
  • 请提供Motion Vue中手势动画的实现示例。

安装 motion

npx skills add https://www.iskills.cc/skills/onmax/nuxt-skills/motion/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 motion 的用途与原始说明

浏览全部 Skill 指南