如何让你不写代码也做出高大上的效果?

公众号里那种点击后图片带弹跳感地滑进来,中间还有叠图的效果,是不是看着特别高级?其实学会了这个SVG效果,咱们也能做出来,不用懂代码。 咱们先把这个效果在135编辑器里找出来。直接在左边栏的“互动效果”里点进“点击”分类,就能看到那个叫“点击竖向弹动移入三层叠图”的模板,选上它拖进编辑区就行。 接下来是最关键的三步:先给三层图上传素材。最上面放张静态的顶层图当封面,下面垫一张背景图做底色,中间那张才是你要“弹出来”的移动图。然后要去设置触发热区,用鼠标拖着那个半透明的框框调整位置和大小,把你希望用户点的地方都给圈起来。 有了这三张图和热区,接下来就是调动画参数了。移动方向一般都是从下往上弹进来,如果你觉得太快或者太慢,可以改一下“动画时长”,单位是毫秒。 做完这些设置就可以发了。想直接发到公众号后台的话点那个“同步”按钮就行;要是想导出HTML文件自己再上传的话就点“导出”。 这种玩法特别适合做产品揭秘,比如点一下封面核心产品就弹出来;或者在做测试的时候点一下答案动态进来;还有团队合照点了关键成员单独亮相也很有创意;甚至是点“红包”弹出来优惠券都很有趣。只要你愿意折腾,还能搞出很多新花样。 说到底,做公众号排版最重要的就是搞清楚“图层”是怎么叠在一起的,“触发”又是什么逻辑。有了135编辑器这样的工具,上手特别快。如果你还想学更多像“点击换图”、“滑动展开”之类的酷炫互动效果,我强烈建议你去试试它家的专业SVG编辑器。里面有一大堆模板,操作也很直观可视化,真的能让你不写代码也做出高大上的效果。