文档库

最新最全的文档下载
当前位置:文档库 > H5页面设计使用教程:使用动效

H5页面设计使用教程:使用动效

概念

顾名思义,动态效果,可以直接选择使用,无需进行动画参数的设置,设置起来比较简单。

设置方式

动效在两个地方可以选择

1.快捷面板,以图片为例,如下图,

H5页面设计使用教程:使用动效

2.编辑界面的右侧动效面板,以图片为例,如下图,

H5页面设计使用教程:使用动效

类型及参数设置

分为:出现动效、消失动效、效果动效

1.出现动效(从无到有的动态效果)

H5页面设计使用教程:使用动效

可以设置是否重复、持续时间和延迟时间

H5页面设计使用教程:使用动效

2.消失动效(从有到无的动态效果)

H5页面设计使用教程:使用动效

可以设置是否重复、持续时间和延迟时间

H5页面设计使用教程:使用动效

3.效果动效(已存在画布上元素的状态效果)

H5页面设计使用教程:使用动效

可以设置是否重复、持续时间和延迟时间

H5页面设计使用教程:使用动效

上一篇:播放暂停动画

意派Epub360-专业H5设计工具

意派Coolsite360-专业响应式网站/微信小程序设计工具