养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何在H5中做多物体弹动出现的动画

时间:2024-09-23 20:21:13

我们在H5中展示物体的时候,常常会遇到多物体或者多产品的情况,在这样的一个时候,我们使用一下动画中的弹动出现就是非常酷炫的,我们就来学习一下多物体弹动出现的技巧。

如何在H5中做多物体弹动出现的动画

工具/原料

H5

方法/步骤

1、先通过形状工具制作一个正方形,让其有了橙色的外观,再把它放到窗口中心的位置。

如何在H5中做多物体弹动出现的动画

2、给橙色的正方形设置一个弹动的动画形式,并把这个动画形式给复制下来。

如何在H5中做多物体弹动出现的动画

3、同样再制作多个圆形的物体,让四个圆形的物体分布在橙色方形的周边。

如何在H5中做多物体弹动出现的动画

4、我们再把之前所复制的动画形式一一粘贴到圆形物体上面去。

如何在H5中做多物体弹动出现的动画

5、调整一下编辑窗口下方的时间轴,让这些不同的物体的运动时间依次呈现。

如何在H5中做多物体弹动出现的动画

6、点击预览来观看这个弹动依次出现的动画效果。这样的动画效果可以在很多场景里面使用。

如何在H5中做多物体弹动出现的动画

© 一点知识