每个行李箱都隐藏着不同的故事,点击传送带上动态运转的行李箱,即可弹出隐藏的故事内容,行李箱在传送带上循环运转,可无限次重复点击,拉满读者好奇心的同时,也能避免读者错过重要内容。
静态长图如何通过 SVG 锦上添花?山西文旅的「跟着悟空游山西」主题路线发布,结合轨迹动画、路径动画和位移动画,形成了孙悟空乘坐筋斗云在青云间穿梭,推开云雾看到山西古建的特效,既丰富了画面动态又进一步增加了用户的阅读停留时间。
本文为一篇有趣的科普文章,小卡片中放入了各种维生素的“种草”文案,用户点击后卡片翻转,出现正确的科普知识,帮助用户识破所谓的“健康小知识”,告诉大众“其实对于大多数无痛无病的人来说,补充维生素最好的方式就是:好好吃饭”“。
本文使用了夹层滑动的交互,以仲夏夜的满月为固定图层,前景与背景图层随着滑动不断变幻,形成了月亮在图层间不停穿梭的视觉效果;有些场景中还设计了有趣的卡位效果,让月亮成为路灯、橙子等,点睛之笔让图文变得更加生动活泼。
佛系感十足的创意全屏莲花雨 SVG 特效,背景优雅地轮播着佛陀特效图,前景结合标签抽拉的奇妙应用,将标签改为莲花落池,引发对未来 9、10、11、12 月的预测,指向「热点日历」小程序。
这篇是 JZ 为蕉内开发的一套换装小游戏,将各个单品融入换装场景中,通过无限选择器叠加,读者可选取每个品类的服装,进而手动体验搭配出一套完整穿搭。
星巴克新品发布结合 E2 编辑器的全屏下雪组件,为读者在夏天降落了一场雪,贴合产品特点,且效果优雅浪漫。当然想更改样式的用户,亦可以通过 E2 编辑器的「全屏飘落任意内容」组件自由上传飘落素材。