SVG创意排版 | 金伯利钻石的「长屏左滑」里藏着好福气哟！
上周直播分享给大家虎年新创意交互图文，想学更多知识的同学们可以点击预约下周三直播——多图排版案例分享。
拆解
原文案例使用组合：长屏左滑，嵌套组件全能无缝图和点击切换，实现长屏滑动，下方能够点击切换的交互效果。
????????视差滑动效果演示????????
制作
1、添加组合：长屏左滑组合（10867），点击配置，增加至3个组件位；
2、每个组件位内增加2个卡槽，第一个卡槽中拖拽添加组件：全能无缝图（10028），第二个卡槽中拖拽添加组件：点击-切换图片（10005）；
3、按顺序分别添加3个组件位中图片“无缝图”、“点击切换前”和“点击切换后”即可；
4、图片添加最终效果。
5、点击右侧“预览草稿”，可初步预览草稿效果（以导入公众号后台预览效果为准）。
导入公众号后台
6、在iPaiban Pro编辑器后台完成SVG交互图文后，点击右侧“导入微信后台”→点击“复制”，打开微信公众号后台新建图文，点击浏览器右上角iPaiban Pro 小助手图标→点击“导入代码”→粘贴代码→点击“清空导入”；
7、操作成功后，记得添加标题、封面和保存，最后发送到手机预览最终的效果。
下期直播预告
1月5日（周三）直播教学多图排版创意案例????扫码预约学习SVG交互效果????
本文系作者授权数英发表，内容为作者独立观点，不代表数英立场。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表，内容为作者独立观点，不代表数英立场。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本内容为作者独立观点，不代表数英立场。
本文禁止转载，侵权必究。
本文禁止转载，侵权必究。
本文系数英原创，未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）