iSVG

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

张凌赫:相信直觉|纵向滑动|GQLab

底层渐变背景固定不动,视觉基底稳定纯粹;指尖滑动带动顶层对话顺滑下移,分层动效流畅富有层次感。点击视频播放按钮即可直接跳转视频号,交互丝滑,沉浸式浏览体验十足。该效果可以使用 E2 编辑器的「纵向滑动」、「零高图片、「视频号跳转美化」等组件实现。

···—·—(“再见”)|多段伸长|国家安全部

本作以摩尔斯电码“···—·—”(再见)为线索,讲述反间谍故事。采用密码锁机制配合多段伸长展开内容,用户需正确输入摩尔斯密码才能解锁隐藏叙事。手绘插画风格呈现国安警察形象与复古电报场景,将反间谍主题具象化为交互式解密体验。

我亲爱的同事,你再给我回复个「嗯嗯」试试呢?|自动动画|智族Lab

开屏自动动画引出 iOS 通知栏拟态,还原真实社交场景。自动伸长将画面从一条「嗯嗯」逐步延展至完整长卷,捕捉出职场社交的微妙心理。

今天,宜“茶”收美好|多段伸长+路径动画|人民日报

该作品以国风画境将西湖龙井四绝娓娓道来,开屏随着茶叶的飞舞层层伸长逐步引入,点击触发茶叶飘落,伴随伸长逐级展开茶文化的介绍,制作精良。

环行山海丨520「渝」你解锁心动山城|错层动画|奥迪

天际线实拍横向铺展,通过错层滑动展示一路驾车穿城的纵深视角。本作的精妙之处在利用前景遮罩和多种触发方式的结合,实现滑动至前景遮挡处,实现固定元素座驾的自动触发切换,是错层滑动玩法的最新创新实践。

1921|自有“旋”机|左看右看|江诗丹顿Vacheron Constantin

通过「左看右看」效果对比该系列腕表的历史与现代,展示演变百年历程,呈现百年匠艺,品牌调性克制而精致。本作基于 E2 编辑器的「左看右看」、「等分容器滑动」、「浮层」等组件搭建而成。

安全生产月,来了!|视差滑动|中华人民共和国应急管理部

本作基于 E2 编辑器的「视差滑动」、「等分容器吸附滑动」、「多图穿梭放大」等组件搭建安全生产月专题。各版块内设置滑动、穿梭放大等效果丰富阅读体验,兼顾政务传播的规范性与信息科普的易读性。

江边里·芝芝柑普 久等了~|伸长动画|heytea喜茶

结合 AI 生成的 SVG 交互布局,其中举青柑小人动画轨迹基于 E2 编辑器排版,而打字机动画则通过 chatGPT 调用计育韬老师开源项目纯 SVG 冒泡动画仓库自主识别文字块并编排顺序而成。

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

沪ICP备2022011523号