学习 Web 动画 概论 标准规范: 学习 Web 动画 概论 高级 SVG 动画 [付费][视频] 探索 Web 动画 [付费][视频] 使用 Snap.svg 制作动效 [付费][视频] CSS3 和 HTML5 中的动画效果 [付费][视频] 用 CSS 创建动效 [阅读 & 视频] 现实生活中的 CSS 动画 [付费][...

过渡效果 用例 API 示例 X 轴滑动过渡 Y 轴滑动过渡 X 轴滚动过渡 Y 轴滚动过渡 缩放过渡 Fab 过渡 淡入淡出过渡 展开过渡 自定义原点 Todo 列表 创建你自己的 过渡效果 流畅的动画有助于给用户界面带来很棒的感觉。使用 Vue 的过渡系统和可复用的功能组件，你可以轻松地控制应用程序的动画效果。大多数组...

编辑动画序列 关键帧常见操作 选中关键帧 添加关键帧 移除关键帧 修改关键帧数据 移动关键帧 缩放关键帧 间隔排列关键帧 复制/粘贴关键帧 属性轨道数据常见操作 节点数据常见操作 修改 clip 常见属性 编辑动画序列 在节点上挂载了动画剪辑后，点击进入动画编辑模式 就可以进入动画编辑模式了，之后便可以在动画剪辑中创建一些动画...

制作帧动画 为节点新增 Sprite 组件 在属性列表中添加 cc.Sprite.spriteFrame 添加帧 排列修改关键帧间隔 制作帧动画 我们刚刚了解了属性帧的操作，现在来看看具体怎么创建一个帧动画。 为节点新增 Sprite 组件 首先我们需要让节点能正常显示纹理，所以需要为节点增加Sprite组件。选中节点后在属性检查器中通...

添加动画事件 添加事件 删除事件 指定事件触发函数以及传入参数 添加动画事件 在游戏中，经常需要在动画结束或者某一帧的特定时刻，执行一些函数方法。那么在动画编辑器中怎么实现呢？ 添加事件 首先选中某个位置，然后点击按钮区域最左侧的按钮（add event），这时候在时间轴上会出现一个白色的矩形，这就是我们添加的事件。 删除事件 ...

制作帧动画 为节点新增 Sprite 组件 在属性列表中添加 Sprite.spriteFrame 添加帧 排列修改关键帧间隔 制作帧动画 我们刚刚了解了属性帧的操作，现在来看看具体怎么创建一个帧动画。 为节点新增 Sprite 组件 首先我们需要让节点能正常显示纹理，所以需要为节点增加Sprite组件。 选中节点后在属性检查器中通过 ...

内置过渡动画 fade 淡入淡出 zoom 缩放 collapse 展开折叠 按需引入 内置过渡动画 Element 内应用在部分组件的过渡动画，你也可以直接使用。在使用之前请阅读 transition 组件文档 。 fade 淡入淡出 提供 el-fade-in-linear 和 el-fade-in 两种效果。 <tem...

添加动画事件 添加事件 删除事件 指定事件触发函数以及传入参数 添加动画事件 在游戏中，经常需要在动画结束或者某一帧的特定时刻，执行一些函数方法。那么在动画编辑器中怎么实现呢？ 添加事件 首先选中某个位置，然后点击按钮区域最左侧的按钮（add event），这时候在时间轴上会出现一个白色的矩形，这就是我们添加的事件。 删除事件 ...

编辑动画序列 添加一个新的属性轨道 删除一个属性轨道 添加关键帧 选择关键帧 移动关键帧 更改关键帧 删除关键帧 复制/粘贴关键帧 节点操作 编辑动画序列 我们刚刚已经在节点上挂载了动画剪辑，现在我们可以在动画剪辑中创建一些动画曲线了。 我们首先了解一下动画属性，动画属性包括了节点自有的 position 、rotation 等...

非线性动画 非线性动画 简介 标题栏 轨道 动作轨道 动作暂存(隐藏) 片段 动作片段 过渡片段 声音剪辑片段 复合片段 编辑 变换 吸附 复制操作 关联副本 分离片段 删除片段 删除轨道 切换静默 应用缩放 缩放归零 同步动作块长度 使其独立化 交换片段 上移片段 下移片段 轨道排序 ...