其实对于普通的动效和简单动画, 使用原生代码实现已经足够, Lottie 是为了复杂动画而生的, 下面来看几个 Lottie 实现的几个动画例子:
?...预览: 动画和编辑实时预览/编辑窗口
工具: 各种工具的集合, 如文字工具、图形工具等
属性: 在这里编辑元素的属性
首先, 选择我们新建的合成, 点击工具栏的圆角矩形按钮, 同时按住shift, 在预览区域绘制一个矩形...AE 里的关键帧跟 CSS 里的 keyframe 属性没有什么区别, 我们只需要对其运动过程中的某一些节点添加关键属性, 这个元素将会在相邻两个关键帧之间进行关键属性的平滑变换。...但是这时什么都不会发生。。。 因为目前的位移属性实际上是集合和X轴位移和Y轴位移两个属性的, 从曲线也能反映出来, 下面那条平行于X轴的直线表示X轴位移。...然后将时间轴移到下一次Y轴坐标的最低点, 与位移动画的第二个关键帧对齐, 点击圆度属性左侧的菱形激活当前圆度的关键帧属性记录。
?