一秒get到Apple同款排版效果(高阶篇SVG文章制作方法)
最近有不少小伙伴问我。三儿,最近领导看了Apple推文,也想要同款排版,这该如何是好呀。
【多图轮播】
你直接报我身份证得了呗
今天三儿来教大家7种玩法
让图片在推文中轮播展示!
省掉图片排版的繁琐步骤
效果酷炫,图片张数还不限
一秒get大厂同款效果
最重要的是操作很!简!单 !
SVG组件ID:35
效果描述:多张图片无限循环的自动切换显示。
SVG组件ID:69
效果描述:多张图片无限循环,向左或向右轮播。
SVG组件ID:92
效果描述:两图及两图以上的多图弹动式横向自动轮播,可设置轮播图边距、背景图或背景色、滚动方向和动画时长。
SVG组件ID:157
效果描述:图片依次无限循环地向上、下、左、右滚动轮播,图片数量需要是4的倍数。
SVG组件ID:157
效果描述:多张图片田字分裂对边移出切换,自动播放,可设置顺时针或逆时针播放动画。
SVG组件ID:158
效果描述:多张图片横向百叶窗式分裂切换,自动播放。
SVG组件ID:166
效果描述:多张图片无限循环向左轮播或向右轮播,每张图完整显示后会停顿一会再继续播放,播放的快慢可以进行设置。
通过135编辑器左侧入口进入svg编辑器
或者直接在浏览器输入svg编辑器网址进入:
https://www.135editor.com/svgeditor/
在SVG编辑器中搜索一款轮播组件的ID,或在『轮播』分类下查找组件,将轮播组件添加到编辑区域
鼠标移动到SVG组件上,可以查看SVG的使用教程,也可以扫码预览SVG的具体效果
在SVG编辑器右侧的配置区域,将需要添加轮播效果的图片上传至组件中。
根据轮播的效果设置开始时间、轮播方向、轮播快慢等参数即可。
制作好的SVG文章可以通过使用『同步』或『导出』功能,保存到微信公众号平台(ps:不知道咋同步和导出的胖友,点击按钮,根据提示操作即可)
注意:
如使用导出代码功能,则需根据SVG效果的使用平台(135编辑器/微信后台),选择对应平台的代码进行复制,尽量不要直接粘贴代码,以免效果有误。
以上就是制作轮播图的方法啦
大家赶紧去SVG编辑器里上手试试吧!
什么?你说你领导还有svg高阶定制要求,编辑器样式无法满足。没关系,扫描下方二维码添加客服,你尽管说出你的需求,我们为你实现。
·END·
文章排版由135编辑器提供技术支持
■ ■ ■ ■
立即登录