svo.ai · 动效样本库 Effects Gallery

文字上流动的渐变光泽。主视觉大字、Section 标题点睛。

标题按字符依次浮入。比整体淡入更精致,适合 Hero 大标题。

文字逐字打出 + 光标闪烁。适合标语 / tagline。

数字从 0 滚到目标值。统计数据、成就、定价。

色块横扫,像幕布拉开露出文字 / 图片。出场有仪式感。

空心描边文字被颜色从左填满。大标题强调。

红蓝错位抖动的赛博故障感。适合科技 / 潮流主题。

多层阴影叠出立体厚度 + 轻微摆动。海报感大字。

高亮块逐词扫过句子,引导阅读重点。

带弹性的缩放入场,活泼有张力。

从模糊+疏字距渐渐聚焦清晰。优雅的入场。

霓虹灯般的发光与呼吸闪烁。夜店 / 潮流氛围。

卡片 / 图片随光标 3D 翻转。功能卡、定价卡、产品图。

按钮被光标「吸」过去 + 光泽扫过。Hero 的 CTA。

卡片描边流动的渐变光。定价卡、重点卡片强调。

鼠标位置出现光晕,照亮经过的区域。卡片网格 / 深色 Section。

悬停时按钮 / 卡片发出柔和辉光。深色背景上的 CTA。

点击处扩散水波纹(Material 风)。按钮、列表项反馈。

悬停翻转显示背面。定价卡、团队卡、FAQ。

悬停时图片在固定框内放大。作品集、产品图、博客封面。

悬停时底色从左铺满,文字反白。次级按钮的经典做法。

悬停时下划线从左滑入。导航、文内链接。

悬停时图标带弹性放大 / 旋转。功能图标、特性列表。

悬停时说明文字从底部滑入覆盖。作品、功能、团队卡。

光晕跟随光标在按钮内移动。有质感的主按钮。

有厚度的按钮,点击像真的被按下去。游戏感 CTA。

滚入视野时淡入 + 上移 + 去模糊 + 逐行错峰。现有 v-reveal 升级版。

多层元素以不同速度位移,产生景深。Hero、图文 Section。

滚动时卡片层层堆叠 / 替换(近年很流行)。步骤、功能罗列。

顶部细条随滚动填充。长文、文档、落地页。

下滚时导航变矮 / 加底色。常见的吸顶导航。

垂直滚动驱动内容横向移动。作品集、流程展示。

线条 / logo 随滚动一笔画出。品牌签名、流程连线。

背景色随滚动进度过渡。整页氛围随章节变化。

环形进度随滚动填充。章节指示、完成度。

图片随滚动被裁切框自下而上揭开。图文 Section。

图片随滚动渐渐放大。Hero 背景、沉浸图文。

整屏吸附式翻页。全屏 Section、引导页、画册。

缓慢漂浮的柔和光团,高级有呼吸感。深色 Section / Hero。

词条 / logo 无限横向滚动。卖点条、合作品牌墙。

细微胶片颗粒噪点,增加质感与高级感。整页叠加。

漂浮闪烁的粒子点。深色 Hero、科技感背景。

缓慢移动的点阵 / 网格底纹。技术感 Section 背景。

光标划过留下淡出的拖尾。互动感强的 Hero / 特殊页。

多彩柔和渐变缓慢流动。现代 SaaS 主视觉背景。

Section 之间的流动波浪分隔线。柔化版块衔接。

缓慢上下浮动 + 旋转的几何点缀。活泼的留白背景。

斜向光束周期性扫过。深色 Hero、强调横幅。

气泡缓缓上浮。水下、清爽、灵动的氛围背景。

极光色带缓缓飘动。深色 Hero、梦幻、夜空主题。

内容加载前的占位 + 微光扫过。列表、卡片、详情页。

最经典的环形旋转 loader。按钮加载、页面等待。

三点跳动的等待指示。轻量、可爱。

色块滑过盖住旧页、露出新页。路由切换过渡。

来回滑动的加载条(不知道剩多久时用)。顶部 / 卡片加载。

对角扩散脉冲的方块阵。有节奏感的加载。

渐隐渐变的旋转环,比纯色 spinner 更精致。

占位骨架淡出、真实内容淡入。数据到达后的优雅切换。

方块 3D 翻转的加载指示。比 spinner 更有立体感。

多点波浪起伏。轻盈的等待指示。

双点绕轨旋转。简洁的双色加载器。

斜纹滚动的进行中进度条。下载、上传、处理中。

真 3D 自转立方体。产品 / 品牌的趣味展示。

随光标倾斜 + 彩虹镭射反光(像球星卡)。VIP / 会员卡。

字母逐个 3D 翻面。标题的趣味强调。

两个球靠近时像水银般粘连融合。趣味菜单、品牌动效。

毛玻璃半透 + 模糊背景。浮层、定价卡、弹窗。

卡片环绕成圈在 3D 中旋转。作品集、推荐位轮播。

金币持续 3D 翻转。奖励、货币、抽奖。

有厚度的实体按钮,按下回弹。游戏化 CTA。

卡片上半翻折展开。揭示、展开详情、信封。

带厚度的立体文字左右转动。海报、标题大字。

网格方块对角波浪式 3D 翻面。马赛克、图标墙过场。

悬停时卡片组 3D 扇形张开。作品集、图册入口。

两个内容交叉淡入淡出。最稳妥的视图 / 图片切换。

新内容横向滑入、旧内容滑出。步骤、轮播、路由前进/后退。

选中指示块在标签间平滑滑动。Tab、分段控件、导航。

面板高度平滑展开 / 收起 + 箭头翻转。FAQ、设置项。

遮罩淡入 + 弹窗缩放浮现。对话框、确认框、登录窗。

侧边面板滑入 + 遮罩。移动端菜单、筛选面板、购物车。

多张幻灯片自动淡入淡出轮播。Banner、推荐位、相册。

列表项错峰逐条滑入。菜单、搜索结果、Feed。

数字像翻页时钟 / 里程表滚动。倒计时、价格、统计。

卡片原地展开成大卡 / 详情(共享元素过渡)。作品、商品详情。

新页从圆心扩散覆盖旧页。路由切换、揭晓。

竖条百叶依次收起露出内容。图片切换、揭幕。

已知百分比的进度填充。上传、完成度、技能条。

环形百分比 + 中心数值。完成率、占比、评分。

柱子从底部依次升起。数据展示、报表、对比。

指针扫到目标值的仪表。评分、速度、用量。

星星依次点亮带弹跳。评价、推荐、好评展示。

折线一笔画出 + 面积渐显。趋势、增长曲线。

多步骤依次点亮 + 连线填充。注册、结账、引导流程。

数字滚动 + 趋势的 KPI 卡。仪表盘、概览页。

分段依次点亮的进度。多步骤、章节完成度。

纵向液柱上升。目标达成、热度、募集进度。

左右两组对比展开。男女、正负、AB 对比。

数值实时小幅跳动 + 涨跌变色。股价、实时统计、监控。

图片缓慢缩放 + 平移,静图变"活"。Hero 背景、封面。

拖动分割线对比两张图。修图、改造、产品对比。

图片 / 内容从圆心扩散显现。开场、聚焦强调。

悬停时图片由黑白恢复彩色。作品集、品牌墙、团队照。

悬停时叠放的照片扇形散开。相册、回忆、画廊入口。

图片随光标在框内轻移,产生景深。图文卡、特性展示。

遮挡色条依次升起露出图片。画廊入场、图片切换。

悬停在双色调与原图间切换。潮流封面、专题头图。

幻灯片切换 + 底部点指示。Banner、图集、引导页。

主图随缩略图切换。商品详情、相册、作品集。

低清占位渐渐聚焦清晰(LQIP)。图片懒加载体验。

不等高图块错峰浮入。作品集、图墙、Pinterest 风。

周期性撒落的彩色碎片。支付成功、达成成就、庆祝时刻。

边框发光呼吸 + 变色。游戏、夜店、潮流主题的强调框。

命令行逐字敲入 + 光标。开发者产品、技术文档、Hero。

评论 / 标签从右向左飘过。直播感、社区互动、热度展示。

方块随机闪现拼成图块。加载、马赛克揭示、科技感。

同心框向中心收缩,营造无限隧道纵深。开场、加载、跳转。

头像 / 图标背后旋转的渐变光晕。AI、高亮、VIP 标识。

红蓝通道错位抖动的故障图。封面、转场、潮流视觉。

表情符号从天而降。庆祝、互动、节日气氛。

元素周期抖动吸引注意。错误、提醒、未读、催促。

霓虹灯管偶尔故障闪烁。复古酒吧、赛博、夜店风。

渐变文字色相持续轮转。炫彩标题、活力主视觉。

三横线平滑变叉号。移动端菜单开关。

展开时菜单项错峰滑入 + 箭头翻转。导航、操作菜单。

激活图标上浮 + 变色,轮流高亮。移动端底部导航。

路径层级依次淡入。深层页面的位置指示。

主按钮旋转,子操作扇形弹出。悬浮操作按钮(FAB)。

高亮块在菜单项间滑动。后台侧边导航。

多列大面板下拉。内容丰富的顶部导航。

新消息红点弹入 + 铃铛轻摇。导航图标、消息中心。

当前章节的小圆点高亮跟随。单页导航、文档目录。

页码激活态轮换。列表翻页、轮播指示。

⌘K 唤起的快捷命令面板。效率工具、全局搜索。

下滚后浮现的回顶按钮 + 箭头跳动。长页面常用。

聚焦时占位标签上浮缩小。节省空间的现代输入框。

滑块切换 + 底色过渡。设置项、偏好开关。

勾号一笔画出 + 方框填充。复选框、任务完成、同意条款。

聚焦时下划线从中心展开 + 文字键入。极简表单。

出错时输入框抖动 + 变红 + 提示。表单校验反馈。

选中点带缩放填充,在选项间轮换。套餐、单选题。

随输入由红→黄→绿增长。注册、改密码。

点击图标展开成输入框。导航栏搜索、紧凑工具栏。

拖动滑块调节数值。价格筛选、音量、参数设置。

悬停点亮到该星(真交互)。评价打分、满意度。

验证码格子逐位填入 + 高亮。登录验证、二步验证。

拖拽区 + 上传进度。附件、头像、批量上传。

不规则网格,悬停格子放大突出。功能展示、作品集首屏。

推荐档浮起 + 高亮 + 角标。定价页转化引导。

光晕随光标在卡内移动。深色功能卡、定价卡的质感。

顶卡滑走露出下一张(Tinder 式)。推荐流、引导卡。

网格卡片错峰 3D 翻面。功能矩阵、图标墙。

卡片随光标倾斜,内部元素按深度浮动。产品卡、特性卡。

新通知从顶部滑入压叠。消息中心、实时动态。

卡内 Tab 切换 + 指示滑动 + 内容横向淡切。详情面板。

悬停时卡片上浮 + 阴影加深。最基础好用的卡片反馈。

卡片式问答展开收起。FAQ、帮助中心、设置项。

卡内嵌进度条。项目看板、任务卡、课程进度。

竖向时间线节点依次浮现。历程、流程、更新日志。

提示从底部滑入、停留后淡出。操作成功/失败的轻提示。

悬停弹出带箭头的小提示。图标说明、帮助文案。

点赞时爱心放大 + 粒子四散。社交点赞、收藏、好评。

点击后按钮变绿 + 文案切换。复制链接、代码、优惠码。

圆圈弹入 + 勾号绘制。支付完成、提交成功的确认页。

无数据时的插画 + 引导按钮浮现。列表空、搜索无果。

触发后弹出带箭头的浮层菜单。更多操作、上下文菜单。

表情依次点亮放大。满意度调查、反馈打分。

转圈加载完成后变对勾。提交、支付、保存的全流程反馈。

遮罩 + 对话框弹出确认。删除、退出、危险操作二次确认。

功能上的脉冲红点 + 提示气泡。新手引导、新功能提示。

顶部公告条滑入。促销、系统公告、Cookie 提示。

商品飞入购物车 + 角标 +1。下单转化的爽点反馈。

原价划掉 + 新价弹入。促销、限时折扣的视觉冲击。

库存条快速减少,制造紧迫感。限量、秒杀。

悬停浮出查看按钮 + 图片放大。商品网格、列表。

票券造型 + 撕口轻晃。领券、优惠码、礼券。

选色环高亮 + 商品同步换色。规格选择、配色预览。

各星级占比条增长。商品评价、口碑汇总。

秒位翻牌跳动。秒杀、抢购、活动截止。

尺码选中态轮换高亮。规格、尺码、选项选择。

加减按钮 + 数字反馈。购物车、表单数量输入。

爱心收藏点亮 + 弹跳。收藏、心愿单、喜欢。

火焰摇曳 + 销量滚动。爆款、热销、限量抢购氛围。

机器人气泡逐字打出回复。客服、AI 助手对话界面。

对方/AI 正在输入的气泡三点。聊天、评论加载。

音频条随声跳动。语音输入、播客、AI 语音助手。

字符列下落的黑客帝国效果。科技、加密、数据主题。

节点脉冲 + 连线流动。AI、机器学习、智能主题装饰。

扫描线旋转 + 目标闪现。检测、搜索、地图定位。

占位行渐变流动 + 闪烁。AI 生成内容、流式响应等待。

代码逐行出现 + 语法高亮。开发者产品、技术演示。

推理步骤逐条点亮。Agent 思维链、处理流程透明化。

数据包沿链路流动。同步、传输、节点通信。

扫描线掠过的全息体。科技产品、3D 预览、未来感。

置信度条由红到绿增长。模型评分、匹配度、可信度。

红包从天而降。春节活动、抽奖、节日营销。

转盘旋转减速停下。抽奖、幸运大转盘、互动营销。

盒盖弹开 + 礼物冒出。开箱、领奖、惊喜揭晓。

雪花缓缓飘落 + 横向漂移。冬季 / 圣诞主题。

随机位置烟花爆开。庆典、达成、年度回顾。

燕尾丝带 + 轻摆。促销标语、活动横幅。

涂层刮开露出奖品。刮奖、盲盒、互动彩蛋。

角标丝带 + 光泽扫过。新品、热卖、限量标记。

彩色气球缓缓升起。庆祝、生日、达成、欢迎页。

爆炸星形促销贴 + 脉动。折扣、新品、爆款角标。

节日灯笼轻轻摇晃。春节、中秋、传统节日氛围。

樱花花瓣随风飘落。春季、浪漫、清新主题活动。

徽章旋转弹入 + 光芒。解锁奖章、里程碑达成。

经验条充满 → 升级。会员等级、成长体系、积分。

印章砸下 + 轻震。认证、已完成、审核通过。

连击倍数弹跳。答题连对、连续打卡、游戏化激励。

箱盖弹开 + 金光 + 奖励冒出。开宝箱、领奖励。

连续签到格子依次点亮。日活、留存、连续打卡奖励。

金币弹入 + 数值跳出。积分到账、奖励发放。

榜首金色脉冲突出。竞赛、积分榜、销售龙虎榜。

血条受击减少、回血恢复。游戏、能量值、生命值。

扇形遮罩消退到技能就绪。游戏技能、限频操作、CD。

卡片翻出 + 稀有紫光闪耀。抽卡、开包、稀有掉落。

任务打勾 + 奖励飘出。每日任务、成就奖励、积分到账。

扇形旋转缩放入场。占比、构成、分类统计。

多段环形 + 中心汇总。分类占比、仪表盘核心指标。

多维能力多边形缩放展开。技能、评测、对比维度。

网格按强度着色 + 依次浮现。活跃度、贡献图、分布。

转化各环节逐层收窄。漏斗分析、转化率、流程留存。

关键词按权重浮现。标签云、热词、主题概览。

数值旁的微型趋势线绘制。KPI 卡、列表行内图。

气泡按值缩放浮现 + 漂浮。三维数据、分布、市场份额。

曲线绘制 + 渐变面积填充。趋势、流量、增长曲线。

多段堆叠柱依次生长。构成对比、分类汇总。

多层圆环各自填充。多指标对比(Apple 健身环风)。

按占比划分的矩形块依次浮现。层级数据、空间占比。

播放与暂停图标切换 + 按压。播放器主控按钮。

已播 + 缓冲 + 拖动头。音频、视频播放器。

音量条拖动调节。播放器、设置、混音控件。

波形随播放进度从左变色。播客、音乐、语音消息。

悬停封面放大 + 播放键放大。视频列表、课程、媒体库。

唱片旋转 + 唱针。音乐播放、专辑、复古主题。

红点呼吸脉冲。直播中、实时、在线状态。

多频段 EQ 条独立跳动。音乐播放、可视化、声音反馈。

视频中央转圈缓冲。加载、卡顿、等待视频流。

循环切换 1× / 1.5× / 2× 倍速。播放器、课程、录音。

字幕随播放逐句切换。视频、教程、可访问性。

封面 + 标题 + 进度的迷你播放条。音乐、播客底栏。

主按钮旋转,社交图标扇形弹出。分享、转发入口。

重叠头像悬停展开。协作者、参与者、点赞用户。

关注 ↔ 已关注状态切换。社交、订阅、加好友。

爱心点亮 + 计数滚动。点赞、收藏、人气值。

评论依次弹入。实时评论区、弹幕、互动墙。

输入 @ 弹出用户建议。评论、协作、社交输入。

头像 + 绿点呼吸。在线、活跃、可联系状态。

社交分享预览卡浮动。OG 卡片、链接预览、转发样式。

悬停弹出表情选择(FB 风)。点赞、表态、情绪反馈。

选项结果条填充 + 百分比。投票、问卷、AB 测试展示。

渐变环旋转的头像(IG Story 风)。新动态、未读故事。

发送按钮脉冲 + 消息气泡飞出。IM、客服、评论框。

分隔线从两端展开 + 中心图标旋入。章节分隔。

大引号 + 引文渐入。金句、证言、推荐语。

标签依次弹性出现。分类、技能、关键词标签。

认证标 + 扩散光环。蓝 V、官方、已验证。

段首大写字母装饰。文章、杂志、editorial 排版。

记号笔风格的背景涂抹扫过。重点词强调、手账风。

清单项依次滑入打勾。卖点、功能清单、待办。

手绘箭头一笔画向目标 + 批注。引导、教程、强调 CTA。

鼠标滚轮 + 箭头提示下滑。首屏「向下滚动」引导。

标题下方渐变线绘制展开。Section 标题、强调短语。

带序号圆圈的步骤列表依次出现。流程、教程、规则。

括号从两侧合拢框住标题。栏目名、专题、强调标签。

圆点即时跟随 + 外环延迟追上。品牌官网的自定义光标。

光标圆环 + 靠近时按钮被吸附。CTA、交互热点。

悬停图标放大上浮(macOS Dock 风)。工具栏、应用坞。

悬停链接时光标放大并显示「VIEW」。作品集、画廊。

任意点击处扩散水波。整页点击反馈、互动彩蛋。

暗幕下光标处照亮,移动揭示内容。彩蛋、寻宝、互动揭晓。

光标旁跟随操作提示标签。可拖拽、可缩放区域的引导。

手指移动 + 点击涟漪的引导演示。新手引导、操作教学。

蓝色拖选高亮扫过文字。复制提示、重点标注。

抓手抓住元素拖动。看板拖拽、排序、画布平移。

光标划过留下彩色画笔轨迹。创意页、涂鸦、签名板。

光标变 emoji 并留下拖尾。趣味页、活动页、儿童向。

2.5D 等距卡片悬浮。功能介绍、SaaS 插画风。

书页 3D 翻动。电子书、杂志、作品翻阅。

悬停时图层在 Z 轴拉开。技术栈、图层、架构展示。

手机框 + 屏内 Feed 自动滚动。App 展示、产品截图。

笔记本框 + 屏内图表跳动。后台、数据看板展示。

等距方块在 Z 轴起伏堆叠。积木、模块化、构建感。

多卡不同深度漂浮。Hero 主视觉、功能聚合展示。

多层场景随光标景深位移。Hero 插画、沉浸式头图。

带地址栏的浏览器框 + 内容。网站展示、产品截图。

多轴圆环立体旋转(陀螺仪/原子)。科技、AI、加载。

平板框 + 屏内网格内容浮现。App、面板、作品展示。

经纬线框球体旋转。全球化、网络、数据地球。

光点沿边框循环奔跑。聚焦卡片、活跃状态强调。

边框上线性渐变横向流动。重点卡、推荐位描边。

虚线沿框流动。选区、裁剪框、拖拽目标提示。

四角取景框 + 边框展开。相机对焦、扫描、选中。

边框一笔画出。卡片入场、内容框强调。

内框固定 + 外框扩散脉冲。提醒、聚焦、心跳强调。

进度沿矩形边框填充。卡片级进度、倒计时框。

悬停时四角括号向外扩张。选中、聚焦、科技 HUD 风。

纯描边霓虹发光呼吸。深色主题强调框、赛博风。

虚线圆环持续旋转。加载、扫描、待处理标记。

上右下左四条边依次画出。卡片入场、聚焦动画。

圆点沿边框循环流动。虚线选区的活泼变体。

有机形状缓慢流动变形。AI、生物、柔性品牌图形。

点阵被光标吸引、靠近变亮放大。互动背景、创意 Hero。

带星芒的光斑横扫。高端质感、解锁、徽章高光。

水滴同心圆扩散。平静、灵感、点滴汇聚的意象。

两词以故障效果互相切换。标语轮换、赛博主题。

全光谱渐变持续流动。Pride、活力、缤纷主题背景。

悬停时像果冻一样挤压回弹。俏皮 CTA、游戏化按钮。

星星从中心向外加速飞驰。进入、加载、科幻跳转。

容器内液体带波浪上升。进度、电量、水位、募集。

发光框向中心无限退缩。纵深、传送、科幻入口。

扫描线掠过 + 偶发故障撕裂。终端、监控、赛博文字。

点阵按正弦波起伏流动。互动背景、声音可视化、科技。