Previous topicNext topic
WebBuilderX > 给页面添加动画 >
动画属性

所有可以设置动画的页面元素,其动画属性都是一样的。现以列表组件为例:

点击“动画设置”按钮,将弹出动画设置窗口:

其中,动画效果有多达40余种选择项,持续时间和延迟时间的计量单位都是秒:

假如选择的是“从右侧弹入”,持续时间为2,在保存并刷新页面之后,这个列表将有“从右侧弹入”的动画效果,持续时间为2秒:

延迟时间是指在延迟多少秒之后才开始显示动画,默认值为空,也就是不延迟。延迟时间一般用在有多个元素的页面中。

例如,我们在当前页面中插入一个标题,该标题的动画效果为“从上方滑入”,持续时间3秒,延迟时间为空:

在重新生成代码并刷新页面之后,标题和列表两个元素会同时执行动画。如果将列表的延迟时间设为3,则列表会在标题动画执行完毕之后才开始: