由开发者 Wanna Sleep 开发的此篇,采用了 GIF、视频同步控制器的创新结构,点击播放 GIF 完毕后,自动播放视频。若 GIF 播放时间把控到位,还可十分巧妙地隐藏视频进度条,保证全文的整体观感。
本文由科蚪和计老师联袂开发,交付至奈雪的茶。其利用高度伸长,同步实现播放 GIF 和展开效果,克服了定宽式伸长两侧留有冗余的问题。开发结构精妙,微积分式伸长动画提供加速度效果,实现四代全屏高度伸长。
由科蚪研发的无限往返伸缩器近期登陆 Apple 公众号,点击触发热区可无限次伸长并收缩,合理分配了信息的展示方式。Apple 发布的此版本更为简化,只需上传两张图片,也同时增加了切换图片的效果。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「无限往返伸缩器(简单版)」实现。
本篇的出彩之处并非在于背后的技术,而是设计与交互恰到好处的融合。精美的画面设计,配合选用了最为基础的交互模型,既不被喧宾夺主,又能够将效果发挥至极致。本篇开发由 E2.COOL 编辑器制作而成,建议点开原文欣赏一下。
这篇使用无限弹窗的作品由小杨制作,转动的轮盘上载有多张可被点击的卡片,与 GL 开发的此篇《年夜饭开饭了!进来选一道你爱吃的菜》有异曲同工之妙,本作在技术上则更为保险。关于此技术的更多用法还在被不断发掘,欢迎你有好的作品向我们投稿。目前部分效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「多热区无限浮现-消失」等实现。
品牌特别打造了一场生日宴会,读者通过「一键直击」即可了解所有信息,巧妙地使用点击触发配合位移动画,应用出多种滑动操作,实现了层层滑动、滑动换装等特效,该作由荒村开发。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「换装式点击切换」实现。
手机新品发布推送无疑是各大品牌的兵家必争之地,小米手机在其中脱颖而出。以小杨主导的《小米MIX 4 正式发布:未来CUP全面屏,艺术品般的陶瓷机身》为代表,驾轻就熟地使用视差滑动技术,合理分配各层元素及间距。细节上更是奇思妙想,利用向上滑动的蒙版手机壳配合底层背景下落,叠加形成双倍流畅的视觉效果。