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