不要使用伪元素动画 有的时候你可能会为了减少页面上的DOM数，而使用伪元素。但如果你想给伪元素增加 animation 或者 transition 动画，这时候会碰上支持性问题。 如果你的项目需要支持以下系统版本，那么建议直接使用真实元素： iOS Safari6.1及以下 Android Browser4.1.*及以下 ，包括一些深度定制的...

常用动画与缓动 单页面 hover效果 参考资料 常用动画与缓动 单页面 单页面不同锚点之间的跳转，常用的缓动效果是，慢->快->慢。对应的缓动是:easeInOutQuart 。 hover效果 mouseenter的时候立即显示, mouseleave的时候，做一个延时。体验上会更好。 参考资料 视“差”滚动浅析 动效设...

程序化编辑动画剪辑 动画属性轨道 轨道类型 轨道路径 值代理 循环模式 外来动画 程序化编辑动画剪辑 注意 ：从 v3.3 开始，动画剪辑接口经历了较大的变动，详情可参考 动画剪辑数据升级指南 。 Creator 除了支持在 动画编辑器 中 创建动画剪辑 ，还可以通过脚本模块程序化地创建动画剪辑，例如： import { ...

动画控制器（Animation Controller）组件参考 属性 程序化控制动画图 动画控制器（Animation Controller）组件参考 动画控制器组件用于将 动画图资源 应用到对象上。 在 层级管理器 中选中需要应用动画图的节点，然后在 属性检查器 中点击下方的 添加组件 -> Animation -> Animation ...

动画控制器（Animation Controller）组件参考 属性 程序化控制动画图 动画控制器（Animation Controller）组件参考 动画控制器组件用于将 动画图资源 应用到对象上。 在 层级管理器 中选中需要应用动画图的节点，然后在 属性检查器 中点击下方的 添加组件 -> Animation -> Animation ...

程序化控制动画 动画组件 动画的播放与切换 播放动画 切换动画 动画状态 帧事件 示例 动画事件 程序化控制动画 动画组件 动画组件管理了一组动画状态，用于控制各动画的播放、暂停、继续、停止、切换等。动画组件会为每一个动画剪辑都创建相应的 动画状态 对象，动画状态用于控制需要在对象上使用的动画剪辑。 在动画组件中，动画状态是通过名...

创建 Animation 组件和动画剪辑 创建 Animation 组件 创建与挂载动画剪辑 创建 Animation 组件和动画剪辑 创建 Animation 组件 在每个节点上，我们都可以添加不同的组件。如果我们想在这个节点上创建动画，也必须为它新建一个 Animation 组件。 创建的方法有两种： 选中相应的节点，在属性检查器中点...

程序化控制动画 动画组件 动画的播放与切换 播放动画 切换动画 动画状态 帧事件 示例 动画事件 程序化控制动画 动画组件 动画组件管理了一组动画状态，用于控制各动画的播放、暂停、继续、停止、切换等。动画组件会为每一个动画剪辑都创建相应的 动画状态 对象，动画状态用于控制需要在对象上使用的动画剪辑。 在动画组件中，动画状态是通过名...

程序化编辑动画剪辑 动画属性轨道 轨道类型 轨道路径 值代理 循环模式 外来动画 程序化编辑动画剪辑 注意 ：从 v3.3 开始，动画剪辑接口经历了较大的变动，详情可参考 动画剪辑数据升级指南 。 Creator 除了支持在 动画编辑器 中 创建动画剪辑 ，还可以通过脚本模块程序化地创建动画剪辑，例如： import { ...

动画控制器（Animation Controller）组件参考 属性 程序化控制动画图 动画控制器（Animation Controller）组件参考 动画控制器组件用于将 动画图资源 应用到对象上。 在 层级管理器 中选中需要应用动画图的节点，然后在 属性检查器 中点击下方的 添加组件 -> Animation -> Animation ...