《画轴/卷轴式SVG交互图文案例合集》

▲GIF演示

点此查看原文

「点击图片后展开并播放音频」模拟打开卷轴，依次「点击切换」模拟修复照片，再次「点击切换」进行穿越，有很强的互动感，借此宣传北京中轴线。

定制SVG交互图文和获取编辑器使用教程联系二师兄(ID: playhudong004)。

▲GIF演示

点此查看原文

新年时分，「点击卷轴徐徐展开」揭示多位百事代言人为大家送上新春祝福，搭配中国风的设计和创意视频，年味满满，借此宣传自己的新春瑞兽罐。

组合：点击展开

编号：10307（组合）

组件：视频-横版无缝拼接(可调整大小及位置)

编号：10158（组件）

▲GIF演示

点此查看原文

「点击向上拖拽」拉出画轴内容，旋转手机，「三层穿透式滑动」查看更多画面，月亮在滑动过程中时隐时现，与中秋节主题紧紧相扣。

组合：点击-向上拖拽切换组合

编号：11923（组合）

组合：三层上滑组合

编号：11761（组合）

▲GIF演示

点此查看原文

古茗茶饮通过「点击」开启江湖卷轴，「视差左滑」模拟翻阅莲花楼的故事漫画，最后「点击展开」联名活动和限定新品的介绍，吸引大家参与活动。

定制SVG交互图文和获取编辑器使用教程联系二师兄(ID: playhudong004)。

▲GIF演示

点此查看原文

帕玛强尼在文章中使用了多个卷轴式设计的「点击展开」效果，每个卷轴中包含一个新年祝福语和对应的产品，有创意有年味。

组合：点击展开

编号：10307（组合）

▲GIF演示

点此查看原文

在一幅卷轴画面中，美的集团设计了多个「点击消失展开」效果用于介绍博物馆，每个展开上下之间又互有重叠，空间感和历史感全都有了。

组合：点击消失+展开(设置触发区域)

编号：11186（组合）

▲GIF演示

点此查看原文

「点击展开」旅途，在展开的内容中好利来通过卷轴的形式又放置了多个和鬼灭之刃相关「点击展开」效果，文案上具有一定的故事性，吸引读者阅读，以此宣传最新的联名产品。

组合：点击切换GIF动图+展开(可嵌套,有触发区)

编号：10935（组合）

组合：点击展开

编号：10307（组合）

▲GIF演示

点此查看原文

中秋之际，安慕希以大家喜爱的影片《大话西游》为背景，点击展开安慕希中秋礼盒介绍和大话西游经典场景及台词，引起人们的共鸣，借此邀请大家一起安慕希，举杯邀明月。

组合：点击消失+跟随展开

编号：11896（组合）