准备工作:开始制作这篇喜茶的互动排版之前,我们需要准备一张点击前的封面gif图,一张点击后切换的gif图,以及展开显示的长图内容,拆解如下: 1、第一步:打开SVG编辑器,在【组合】栏目下找到【点击换图展开-自定义触发】卡片,单击将其放入中间的编辑区 2、第二步:第二步:在编辑器右侧点击【添加图片】按钮,将准备...
我来教你作为爱玩⿊科技排版的⼤户 — 喜茶,⼩编⾃然也要来扒⼀扒他们的SVG效果啦~ 喜茶公众号的⽂章⾥最爱⽤的就是点击展开的互动效果。这篇⽂章⾥所呈现的互动效果其实是套⽤了点击切换gif图和点击展开两种效果,在135编辑器⾥使⽤⼀般的SVG样式是⽆法实现的,但是⼩编可以在辑器...
喜茶官方合作伙伴来答！喜茶 HEYTEA 官方公众号的图文视觉设计一般是 in-house 完成，对于带有巧妙精彩互...