如何在H5中做多物体的扩张与收缩动画

2025-04-22 15:35:43

1、我们先画出一个简单的正方形,在形状菜单里面选择一下就可以了。

如何在H5中做多物体的扩张与收缩动画

2、我们给这个物体设置两个动画效果,一个就是扩张,一个就是收缩。

如何在H5中做多物体的扩张与收缩动画
如何在H5中做多物体的扩张与收缩动画

3、再画一个与之相同的正方形,在大小与颜色上进行一定的设置,从而形成对比。

如何在H5中做多物体的扩张与收缩动画

4、把之前物体的动画效果复制到新的图形上去,并进行调整,让收缩在前,扩张在后,这就可以让白色的图形与橙色的图形在运动的时候有了一个对比。

如何在H5中做多物体的扩张与收缩动画

5、把这两个物体中心对齐一下,让两个物体叠放在一起。

如何在H5中做多物体的扩张与收缩动画

6、点击一下预览的按钮,在手机界面进行一个预览的操作,观看一下这个动画的运动效果。

如何在H5中做多物体的扩张与收缩动画
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢