iSVG

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

喜茶x藤原浩|喜茶被黑了?|GIF控制器-伸长|喜茶

颜值爆表的产品,搭配设计逆天的动态交互排版。喜茶本文是通过 SVG 编辑器 E2.COOL 完成的,应用了「点击-播放GIF-伸长」、「顶层滑动」等组件,体验相当丝滑。

南风窗拍电影,内娱有救了|积分测试题|南风窗

开发者科蚪新研发的测试题模型,由 JZ 交付出品。每个选项基于不同积分权重,最终通过层层伸长获得测试题的总分映射结果。

好 吵 啊|音效混合|ColorOS(OPPO、一加手机)

通过 SVG 结构的占位变化思路,小杨首创了音效混合器模型,技术本质是隐藏视频的选择性播放,脑洞佳作值得一看!

一百年来,中国青年冲锋在前!|自动伸长|共青团中央

自动伸长 SVG 结构,结合经过时序管理的文案淡入动画,结合逐帧 GIF,让百年画卷缓缓展开。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「自动伸长」、「自动出现」等实现。

好热,来睡个凉觉。|伸长动画|我要WhatYouNeed

「点击-切换-伸长」的 SVG 模型虽然普通,但通过尾部的渐变浮层结构和巧妙的画面设计,形成了阅读沉浸感流畅的一图流互动。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「点击-切换-伸长」、「浮层」等实现。

第一个,杨洋|视差滑动|GQ实验室

这篇文章一经发布便在圈内引起了不少的关注,是为大型 3D 视差(Z+Y 轴)效果的首次尝试,由小杨操刀开发交付至 GQ 实验室。将线下展厅搬至线上,模拟出真实空间的三维效果,图片亦会根据视角的变化做出细节的调整。

当代青年行为大赏|选择题互动|林肯汽车

用户做出多项选择,提交后得到一张对应海报——这样的互动能有效提升消费者归属感。该作由古古开发设计,为确保图像的可保存性,他将 img 引入 foreignObject,开发结构非常独特。

法拉利296 GTB开启全新V6时代|视差滑动|法拉利中国

法拉利重磅发布全新车型,当然少不了重量级的交互效果辅以支撑。该作由荒村大佬开发,篇幅简短采用高级细腻的视差滑动效果,也是在车企品牌中首次应用此项技术。

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

沪ICP备2022011523号