iSVG

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

刷到就“刷道”|CSS 混合模式|奥迪

基于 CSS 混合模式实现滚动页面时下方的进度条同步效果,本质为利用一个长斜边遮罩在滚动时不断增加露出底边部分,这也是 GL 老师的一款独特交互模型发明,巧思而实用。

小米送你龙年限定红包封面!|滑动上色|小米手机

将精美的金色纹理固定在底层作为背景,在顶层覆盖上镂空的龙图腾造型,随着读者上滑屏幕,镂空之处出现不断填色的交互效果,原本隐藏起来的图腾幻化为一条姿态舒展的霸气金龙!设计师的想象力 max!

回归自然,赴春日之约|3D 视差滑动|特仑苏

从自然来,到自然去。这篇基于裸眼 3D 布局的产品广告设计,将文案、近景、远景分层差速布局,感官优雅的同时更营造了大自然的空间体验感。

学 会 这 三 招,马 上 过 年 好|滑动式标签抽拉|Bananain蕉内

由语图工作室发明的滑动式标签抽拉,可以承载更丰富的内部嵌套互动功能,本作即展示了多个视频号布局的多层结构。

我们是天生的旅行家|挤压伸长|RIMOWA日默瓦

E2.COOL 黑科技编辑器「挤压伸长」的精彩应用。这种长度相对有限的挤压伸长其实能更体现该组件的巧妙特性。

【夜读】今晚,我们想收集100个新年愿望|切换图片-伪音频视频|人民日报

看似音频播放,实则为一个暗藏的不可见视频运行,通过 SVG 组合了文案的浮现,完成了音画同步效果,可以基于编辑器「切换图片-伪音频视频」实现。

Marshall x Patta 联名|加勒比不止海盗|图片缩放+多图滑动|Marshall马歇尔

基于 SVG 能力以图片缩放衔接多图滑动,力量感十足的弹性动画简洁而大气,是产品橱窗展示的巧妙设计。

视频号一出好戏,今晚开场!|伪音频视频+ GIF 串联|微信派

可爱的企鹅登场唱戏!采用伪音频视频结合 GIF 串联能力,形成了沉浸感极强的音画结合设计。

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

沪ICP备2022011523号