iSVG

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

一旦在冬天动了野心思⋯⋯|视差滑动|NIKE

山、石头、标识符等元素大图自动播放,播放结束后顺滑展开后续内容。超级跑鞋以泥地为背景,画面不断刷新切换成干净白纸,强烈视觉对比瞬间吸睛。跑鞋多场景使用图同步差速立体滑动,自然融入山地场景中,层次丰富,让产品展示更具动态质感与沉浸感。

10亿来了!|模拟微信红包|元宝

红包轻晃带动态提示引导双击,双击即刻触发仿微信红包开启动效,封面缓缓掀开、红包主体舒展切换,元宝 10 亿新春红包活动信息顺势展开,页面内部纵向伸长,金色元宝粒子轻盈飘落,马年新春氛围拉满,动效流畅衔接,让活动信息展现更具节日惊喜感。

卓越设计–Duravit再获2022年德国设计奖!|顶层滑动|Duravit

以固定背景图层为基底,顶层放置获奖名单并支持左右滑动切换,核心用渐变遮罩效果呈现各奖项,让奖项内容随遮罩渐变自然展出,弱化边缘更具视觉层次感,滑动时遮罩同步适配,让信息展示流畅且有质感,整体视觉简洁又富有动态美感。该效果可以使用 E2 编辑器「顶层滑动」组件实现。

SVG · 我↗要↑验↓牌↗|互斥抽拉|E2平台

这款 SVG 扑克互动由 E2 编辑器「互斥抽拉」模版制作,核心为互斥抽拉效果:点击右侧扑克牌的牌尖位置,该牌会即刻触发抽拉抽出的动态,同时触发互斥联动,另一张扑克牌会同步自动收回,两张牌始终保持一抽一收的互斥状态,抽收的动作衔接流畅,互斥抽拉的特性展现得十分直观。

🧧[微信红包] 侯明昊千元盲盒开奖!|敲木鱼|方里FunnyElves

敲木鱼模型的优秀变体思路,在官方首创模型的基础上,调整了前景的运动方式,产生摇摇马左右快速抖动的弹性效果;浮现文字则层层叠加,使得信息量逐步递增;最后巧妙触发伸长的交互热区,衔接了SVG展开效果,极大丰富了该互动效果的内容拓展性。

21世纪年度好书(2025)入围书单揭晓|无限选择器+纵向滑动|21世纪经济报道

依托 E2 编辑器「无限选择器」与「纵向滑动」组件组合搭建拟态书籍效果,沉浸式呈现「经济」「金融」等六大领域的入围书单内容。

打工人的年终状态——蒸蚌!|选择性无限往返伸缩器|长城葡萄酒

基于 touchstart 和 click 实现的选择性无限往返伸缩器效果,将产品卖点巧妙融入三种年终状态切换中,契合当代年轻人的情感表达。

新年限定|东方云紫,织就新岁序章|汉堡包滑动|迪桑特DESCENTE

通过「汉堡包滑动」组件,巧妙模拟服饰在东方意境中的穿梭动态,还原香云纱的非遗工艺。同时配合「多热区无限浮现-关闭」组件深度展示三层贴合科技,呈现出品牌的匠心独运。目前该效果可通过「点击-播放GIF切换任意内容-伸长」「多热区无限浮现-关闭」、「汉堡包滑动」等组件搭配实现。

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

沪ICP备2022011523号