iSVG

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

史上第一届朋友圈奥运会,你能拿到首金吗?|互动游戏|网易王三三

结合奥运会热点,网易王三三推出了六款互动小游戏,利用渐进式切换、长按切换等基础组件模拟出跑步、跳水、举重等比赛场景,简单的交互形式将创意表达的淋漓尽致。

致敬人民后盾!|视差滑动|伊利牛奶

本文由荒村大佬开发,采用时下尖端的视差滑动技术,将其动态范围共设置为六层,给读者以强烈的画面纵深感,实现了一套令人叹为观止的滑动特效。

中国最盛产奥运冠军的地方,在哪|数据可视化|网易数读

数据可视化在奥运期间又有什么新的作品呢?由逸轩开发的此篇再次展现了数据动态图表的魅力,利用 Python 作为辅助工具实现丝滑流畅的 SVG 动效,演示出各类图表的变化过程,极大提升了文章的可读性。

˙ᵕ˙--℃ 温度贩卖商店 _↗ 进入体验|动态设计|Plastic SEA

Fifi 设计的本篇温度商店秉承了其一贯的酸性美学设计风格,交互上使用伸长动画作为商品展示结构,上下浮动、音频播放器美化等作为细节点缀,同时选取色彩的变化作为交互时的反馈,很好地烘托出主题氛围。目前该效果可以在 SVG 黑科技编辑器(https://www.e2.cool/)中通过「滑动(拖拽)浮现」实现。

芙清都城,点击传送>>|互动游戏|FulQun芙清

由小杨开发的趣味集卡游戏图文,本文采用了具有较强互动性的集卡形式,集齐五张签文即可合成最终奖励。该文的开发结构十分讨巧,每组卡片独立分层互不干扰,防误触制作精细十足。

来了,今夏最酷的「逆鳞」新配色!|伪音频控制伸长|红米手机

酷炫的动效,搭配伪音频视频播放科幻 BGM,交互将二者无缝衔接,打造出高燃场景,本文的技术开发由小杨执行。点击原文,打开音量,身临其境的体验一下吧!

你离P50系列真像,只有一步之遥|动效设计|华为手机

由开发者 Wanna Sleep 开发的此篇,采用了 GIF、视频同步控制器的创新结构,点击播放 GIF 完毕后,自动播放视频。若 GIF 播放时间把控到位,还可十分巧妙地隐藏视频进度条,保证全文的整体观感。

32颗厚厚厚厚肉「霸气龙眼」,拿来吧你|GIF 跨屏控制伸长|奈雪的茶

本文由科蚪和计老师联袂开发,交付至奈雪的茶。其利用高度伸长,同步实现播放 GIF 和展开效果,克服了定宽式伸长两侧留有冗余的问题。开发结构精妙,微积分式伸长动画提供加速度效果,实现四代全屏高度伸长。

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

沪ICP备2022011523号