秀米输出13-图文排版中做点击展开动画
发布网友
发布时间:2024-10-24 11:29
我来回答
共1个回答
热心网友
时间:2024-11-13 19:31
在秀米的图文排版中,你可以轻松实现点击展开动画效果,提升用户的交互体验。
首先,选择图文模板,进入基础布局的SVG布局模式,然后选中需要做动画的布局,切换至编辑模式。在图库中插入一张静态图片,设置为布局基准,接着插入GIF动图,同样选择布局基准。
在动图上,点击【动画】选项,添加操作【点击】和效果【淡入】,这样点击时,GIF动图将以淡入方式播放。接下来,进入【转场设置】,设置两个动作:操作【组件触发】,第一种效果是点击后淡出,时长设为0.1秒,让视觉效果更迅速;第二种效果是【展开】,选择全宽,时长自定义以适应你的需求。
回到动画区,再次为GIF动图添加转场效果,使其在动画播完后无缝衔接至下个动作。编辑内容页时,插入第一张展示的图片,确保组前后距为0,添加背景色后,添加你的具体内容。记得,每一帧的组前后距都应设置为0,最后预览确认无误即可完成点击展开动画的设计。