收集常用前端动效模板,快速查看效果方向并沉淀为可复用实现思路。
适合状态徽章、促销标签和功能入口,用纯 CSS 做轻量闪烁与位移。
适合主按钮、工具栏按钮和强调操作, hover 时形成轻微吸附反馈。
适合专题页、作品集和内容封面,让卡片在滚动中形成层次位移。
适合灵感墙、资源卡片和仪表盘重点区,用光斑突出可探索区域。
适合首屏标题、命令行文案和产品口号,制造逐字出现的阅读节奏。
适合列表、卡片和详情页等待状态,让加载过程稳定且有反馈。
适合浮层、快捷面板和控制中心,保持背景可见但信息层级清晰。
适合技术封面、工具入口和 AI 主题区域,营造数据流动感。
适合产品卡、案例卡和模板预览,轻量表达空间感和可点击性。
适合列表到详情、工作台切换和沉浸式页面进入,减少视图跳变。
适合登录、搜索和创建流程,输入成功后给出清晰的微动效确认。
适合生成、检索和提交类高意图操作,用斜向扫光强化按钮的可点击感。