网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

ih5动效工具如何做跳一跳效果

时间:2024-10-22 09:41:39

1、如图所示,我们选择“跳一跳”这个页面,之后点击“SVG”这个按钮上,就可以看到很多图形了,我们可以选择一个跳一跳的对象,让这个对象来跳。

ih5动效工具如何做跳一跳效果

3、如图所示,我们画上这一片区域,来放置跳一跳的对象。

ih5动效工具如何做跳一跳效果

5、如图所示,我们点击箭头所示的“弹跳”这个动效,为这个对象添加上这个动效。

ih5动效工具如何做跳一跳效果

7、如图所示,我们为这个文本画一个合适的区域,之后鼠标点击就可以确定区域了。

ih5动效工具如何做跳一跳效果

9、如图所示,我们选择这个“跳一跳”的文本上,之后为这个文本添加一个点击事件。

ih5动效工具如何做跳一跳效果

11、如图所示,我们点击这个实心三角,在弹出的下拉列表菜单中,我们选择“弹跳”这项,让点击之后弹跳发生动效。

ih5动效工具如何做跳一跳效果

13、如图所示,我们点击选择“预览”,来观看这个ih5的案例。

ih5动效工具如何做跳一跳效果

15、如图所示,我们点击下面的跳一跳文字,就可以看到上面的小人图案跳动啦!

ih5动效工具如何做跳一跳效果
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com