点击弹动展开-文末点击全文渐进换内容（自定义触发）-135编辑器

暂无搜索结果！

视频教程

01 添加素材效果

在『互动效果』栏目下的【点击】里，点击『点击弹动展开-文末点击全文渐进换内容（自定义触发）』素材，将其添加到编辑区域。

02 上传图片素材

在编辑器右侧上传位移小元素。位移小元素的图和背景图需要宽度一致，使用透明底图片，建议图片高度按元素高度裁切，不要上下留出太多空白。

再上传初始背景图和变化后背景图。长图背景需要切成多张图，所有图片宽度一致，并且变化前后背景总高度需要一致

设置分割线：小元素在移动的过程中，新旧内容切换会出现一个分割线，这个功能用来设置分割线在小元素图片高度占比的位置，比如设置为50%，分割线就在图片竖向的正中间位置；设置为100%，分割线就在图片底部

03 效果设置

设置初始背景图触发热区：鼠标挪动热区设置到合适的大小和位置

弹动动画时长：首图弹动效果持续的时间

展开动画时长：动画从上到下展开需要的时间

元素移入时长：移动小元素完全移入效果区域消耗的时间

动画渐变时长：整个渐进式动画从下到上更换过程持续时间

04 同步/导出到微信公众号

制作好的SVG文章可以通过使用『同步』或『导出』功能，保存到微信公众号平台。

点击查看如何使用『同步』
点击查看如何使用『导出』

评价此内容

有帮助

无帮助

感谢反馈，请问还有其他建议吗? (选填)