朋友们大家好，我是三儿。

最近不少朋友找我吐槽，说自己上班上久了不仅自己一身班味，连做推文也是一股淡淡的无力感，好久没有做出让人眼前一亮的推文了。

你是否也存在推文排版死气沉沉，效果感觉土土的，不够洋气连老板都没有看下去的欲望...

既然不知道怎么做，那相信大牌的眼光，使用同款大牌SVG拯救我们的「土」推文！

今天三儿就给大家带来LV的滑动展开效果，让滑动也玩出了新花样👇

点击查看路易威登原文

大家如果看了原文会发现，这篇文章开头用了一个大家常问的gif视频号效果，向下滑动又叠加了左/右滑动展开的效果组件，在展开中还嵌套了三层左滑居中的效果。

那么今天就跟着三儿一起来学习这个效果吧。

注：本文素材来源均来自路易威登，仅做教学使用。

在135编辑器左侧找到「SVG互动效果」进入svg编辑器页面，我们先在互动效果中搜索「视频号」这个效果（组件ID76）

将组件添加至编辑区域，然后我们需要到微信公众号后台生成一个视频号链接。

我们在公众号后台编辑页面，添加视频号保存即可。

保存后在「草稿箱」点击标题复制链接即可。

我们把链接粘贴至「快速获取代码」组件将自动提取视频号内容，然后添加一个封面图即可。

这样我们第一个含有gif图的视频号完成了，然后我们制作左/右滑动展开的效果。

在「互动效果」中搜索「横向滑动封面图展开 组件ID：909」

我们上传滑动封面图，选择对应的滑动方向，当然你也可以设置滑动时间与展开的时长。

之后我们就是添加展开后的内容，原文是搭配了一个无缝图+三层滑动，具体添加什么效果要根据我们实际的素材来，可以变化不一定非要一模一样。

点击「编辑展开内容」添加展开内容。

我们在展开里添加无缝图+顶层背景图固定，中间层滑动组件ID：768。

依次添加顶层图、背景图以及滑动图，完成素材添加后记得点击右上角的「完成」

后面就是重复上述操作，这样我们就完成了一篇高级感十足的推文排版。

完成所有内容后，可以选择编辑器右上角的「同步」就能同步到授权公众号后台，只有公众号授权给135后才可以使用同步功能。

如果没有授权也可以下载135插件，通过插件同步到微信公众号后台，只有谷歌浏览器安装了插件后才可以使用插件同步。

点我下载好用的135插件

如果需要将做好的内容放进135编辑器编辑页中，选择「导出」-「复制代码到135编辑器」即可

怎么样

今天的SVG效果还不错吧

相信聪明的你

已经学会了

学会了就快动手试试吧

还有什么想看想学的技巧/效果

记得在评论区留言告诉我喔~