iSVG

基于开源共享精神的SVG交互图文搜索引擎·无偿使用·公益助力疫情下数字经济复苏

你是主角脸,还是配角脸?|计分答题|GQ情感研究所

同样由「归零心态」工作室 Wanna Sleep 创意开发的计分型答题卡本次交付至 GQ 实验室,利用双层触发和图层顺序实现计分效果。

华为Mate40系列多种色彩,样样出彩|掉落换色|华为终端

颠覆性的创意交互 SVG 装置,开创硬件产品「换色」特征的新演示模式代码结构,来自行业黑马「归零心态」工作室。得益于客户的优秀创意与设计,让这一装置产品展示效果大放异彩。 开发者 Wanna Sleep 另辟蹊径通过高度动画实现前后图片切换,再加以位移动画的巧妙结合完美实现设备掉落换色的效果。

展讯|PRIVATE SPACE 私人宇宙|横版长卷|404艺术

本篇由行业新锐团队404艺术同时主持设计及开发,基于 fo 和 svg 的多层嵌套,辅助位移动画实现展板经过画作显示的效果。与此同时,通过位移差和色彩对比营造出展板移动时的前后区分,加之配合前后景元素营造空间感,效果浑然天成,实为上乘之作。

哈哈哈哈哈全国老师都长这样吗?|拟态 H5|爱学习平台

GL 大神开发的此作,展现出同样的精彩。svg 模拟 H5 再出新意,本篇结合教师节主题,打造出模拟合成海报式的 H5 装置,用户可自定义选择、个性化定制,多场景选择、二维码等细节之处融合到位。

腾讯长鹅祝你中秋节快乐!|音频互动|腾讯

本作由 GL 操刀制作,通过音频播放器隐藏和 GIF 控制器,将音乐节奏和 GIF 动画完美融合,实现出的效果堪称完美,完整而精妙的体现出大厂的脑洞和智商。建议点开原文,调大音量,跟着节奏一起摇摆~

HYPER OG | 翘楚•大放异彩 IN WUXI|多段伸长|Hyper OG Official

多段伸长装置加以细节动效点缀,辅以搭配相同风格的 bgm,由三千喵所开发的此篇文章行云流水、谐协有致,为一图流结合轻交互的典型之作。

中产阶级的剧本杀,你能撑到第几关?|互动测试|GQ实验室

本作由新锐开发者小杨操刀、JZ 交付至 GQ 实验室,这是一套将三代伸长装置与测试题逻辑巧妙结合的作品,而最为精彩的代码结构思维在于利用盒子特性,将层层画幅先并行排列,后通过 viewbox 宽度动画层层挤开。

拍一拍我的头像!!有大事发生!!!|拍一拍|EF英孚教育

拟态图文拍一拍已常见于各大品牌图文中,此篇不同于往常之处在于技术上更新迭代后,完美地结合了多段伸长装置,思路清晰,结构精简。除此之外,本篇融合了自动 banner 切换技术,可应用于轮播图展示。

CoolSITE360 提供 UI/UX 支持  Copyright © 2013-2023 iSVG
投稿/定制/培训:微信公众号、小红书「iSVG」

沪ICP备2022011523号