iSVG

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

把爱都给她|视差滑动|香奈儿尊享香水与美容品

恰逢母亲节,香奈儿此篇基于视差滑动技术,将错落有致的花朵建构出视觉纵深感,和多款产品共同呈现了繁花似锦的场面,效果实在优雅高级。

味蕾上的想象|无限选择器|diptyque蒂普提克

本作将场景置于木架之上,配合无限选择器组件分别展示多款香氛的产品信息,达到无限次的信息弹窗效果。条理清晰,有效地利用该组件特征实现信息折叠。

可恶,被“国宝”内涵到了!|全名展开|人民网

以类似「全名展开」SVG 特效的方法,在纵向上将文案展开露出趣味的动态图,是 5.22 动物多样性保护日的精彩作品。

𝐏𝐇® 𝟔!|裸眼 3D 布局+无限往返伸缩器+无限选择器|PH北京

近期少有的裸眼 3D 布局排版大作,不仅融合了经典的唱碟旋转和音频播放器篇幅,还别出心裁的将无限往返伸缩器以及无限选择器组合其中,且支持以伪音频视频的方式播放音乐人作品,整个图文体验酷炫至极。

来!拔剑吧!!!|滑动+弹窗|E2平台

基于多段位移的 SVG 特效,内部融合了包括滑动和弹窗交互,以有趣的「拔剑」中二氛围主题将整个连续位移的概念串联,介绍了 E2 编辑器的新一期的校园英杰班培训计划。

夏日登岛计划|视差相册|JoMaloneLondon祖玛珑

模拟乐透式轮盘交互,引导用户选中三个海滨特色物品,打造夏日海滩氛围。解锁后结合视差相册进一步打造主题场景,衔接产品广告信息,让商详设计情趣与转化兼具。

咻~~~~~~~~~|位移动画+伸长动画|京东

带上竹蜻蜓的京东狗狗,随着点击在云端飞行,综合了位移动画、伸长动画等,童趣盎然。

NIKE SB 首款儿童专属滑板鞋 | 小滑手的「头号板搭子」|滑动|NIKE

基于滑动指令识别,关联带有缓动停止的微动画,以模拟滑板玩家飞入的效果,并在滑动内展开图文使得滑动区域不断增加,复合完成度极高的 SVG 精品佳作。

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

沪ICP备2022011523号