SVG排版小技巧(SVG点击效果)

胖友们大家好呀,我是三儿,今天我们先来玩个小游戏吧!2020年经历了许多不愉快,2021年即将到来,你希望新的一年哪些东西消失呢?

image.png


哇塞!所有让你不愉快的东西全部都消失了!是不是很棒!


这是怎么做到的呢?三儿教你!



SVG编辑器入口:http://www.135editor.com/svgeditor/



点击消失图片

ID:100884



【样式作用】:创意SVG,可以与读者进行有效的互动,帮助打造文章氛围。除此之外,还可以结合产品特性,制作出更多的玩法。


【使用说明】:如需要替换图片,请在专业版用动画功能,需要使用同步功能同步至微信公众号。




一、如何更换内容?

 
 


135编辑器对SVG样式做了更新,在专业版中特意添加了『动画』按钮,胖友们可以在『动画』设置中对SVG样式进行修改。








1.首先将编辑器切换至专业版,点击右侧『更多功能』,在弹出的菜单中选择『切换专业版』,即可将编辑器切换为专业版。









2.搜索样式ID:100884,找到『svg点击消失图片样式,插入至编辑器中。









3.点击选中样式(在样式周围出现虚线框时,才算选中哦!),在弹出的菜单栏中,选择『动画』按钮,进入动画设置界面。



这里需要注意的是:只有SVG样式才会有动画按钮哦,普通的样式是没有动画按钮的!









4.在动画设置界面,点击『图片上传』,上传图片即可。



注意:

① 图片上传顺序为纵列依次上传。

② 图片默认为9张,大家可以删除或者复制,增加图片的张数。








5.图片上传时,推荐选择原图上传,就可以将做好的图片完整的上传了!








6.设置完所有内容以后,胖友们可以在svg设置页面右侧的预览框中进行测试,也可以返回编辑器界面,点击右侧菜单栏中的『手机预览』进行测试。



注意:编辑好后,不要在编辑界面点击该svg图片,直接手机预览查看即可,不然图片消失。


注意事项:


这里需要注意的是,由于微信后台限制,所以排版完成后的推文需要使用保存同步功能,如果使用复制粘贴会导致样式失效!



文章评价
登录后可以评论
立即登录
小伍资深编辑
共445篇文章
最近文章
更多
  • 立冬节气微信公众号推文素材样式_立冬创意图文模板排版
  • 万圣节可爱捣蛋排版素材样式_万圣节魔法帽图文素材
  • 十月一日国庆节微信公众号文案排版(国庆节公众号推文素材)
  • 儿童卡通风格公众号排版素材(幼儿图文模板样式)
比格设计
热门工具
135编辑器
领先的在线图文编辑平台原创样式素材,一键套用
比格设计
受欢迎的在线作图网站,新媒体配图、手机海报应有尽有
管小助
企业营销、私域流量运营——站式营销管理平台
推荐文章
连续做出10W+爆文后,他总结出这3条经验……
到底要怎么做,才能够留住用户?
接受自己平庸的那一刻,你就不再平庸
运营老司机是如何管理用户的?附案例
分享到