公众号多标签点击换图怎么弄(案例分析)

此SVG能实现点击不同位置出现不同内容,并且无限次重复操作,不仅交互效果酷炫,实用性也很强,可以将其SVG用来作为产品功能介绍、优秀人物介绍、系列产品推广等用途放在推文中。


多标签点击图片切换







gif图展示

《万事开头难?上手Mac可不难》

点击蓝色文字跳转


01
创意分析

这款SVG是近期Apple在介绍产品功能中比较青睐的一款效果,当用户点击不同位置则可以切换展示的图片,整体灵活度高。在这篇文章中,Apple用此效果全方位展示了Mac电脑的功能特色外,还能与用户形成良好的互动效果。


02
SVG分析

此SVG能实现点击不同位置出现不同内容,并且无限次重复操作,不仅交互效果酷炫,实用性也很强,所以在Apple推文中经常见到此效果也是有原因的。我们可以将其SVG用来作为产品功能介绍、优秀人物介绍、系列产品推广等用途放在推文中。


03
使用讲解

在135编辑器首页,选择左侧菜单栏【SVG编辑器】进入。



进入网页后,选择【互动效果】—素材—Apple专区,找到ID为294,多标签点击切换不同图片SVG,详细制作教程如下:


教程在这里:点击查看


文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到