本作由 GL 操刀制作,通过音频播放器隐藏和 GIF 控制器,将音乐节奏和 GIF 动画完美融合,实现出的效果堪称完美,完整而精妙的体现出大厂的脑洞和智商。建议点开原文,调大音量,跟着节奏一起摇摆~
多段伸长装置加以细节动效点缀,辅以搭配相同风格的 bgm,由三千喵所开发的此篇文章行云流水、谐协有致,为一图流结合轻交互的典型之作。
本作由新锐开发者小杨操刀、JZ 交付至 GQ 实验室,这是一套将
拟态图文拍一拍已常见于各大品牌图文中,此篇不同于往常之处在于技术上更新迭代后,完美地结合了多段伸长装置,思路清晰,结构精简。除此之外,本篇融合了自动 banner 切换技术,可应用于轮播图展示。
异形遮罩视频的关键在于<-webkit-mask-image>参数,其类似于图片蒙版,遮罩中 alpha 通道为 1 的可显示,为 0 的则被隐藏。且遮罩层可直接穿透,不影响内容层正常触发。
应用了长按加载效果的品牌还有一加科技。不同于荒村所开发,GL 此篇采用了横向和竖向位移模拟电量充满的效果,和序列帧切换有着异曲同工之秒。两种方式分别给大家提供了不同的开发思路。
本作由荒村大神主持开发,图文中融合了渐进式序列、伸长动画、GIF 控制器等技术,长按切换的心率动画为此篇的点睛之笔,互动感极佳。技术上通过提高序列帧动画的优先级,实现了先长按后点击伸长的效果。