SuperAPI AI 工具集

accent-animations

设计与创作

查看项目

更新于 10-16 05:42

技能介绍

用途:该技能面向 React 界面中的装饰性点缀动画,用于为区块增添视觉质感与愉悦感,例如漂浮元素、发光与微光效果、动态边框、星光或纸屑效果,以及细微的环境氛围动画。

主要能力:覆盖多类点缀动画,包括漂浮形状(光球与几何图形)、发光效果(脉冲光晕、发光边框、彩虹发光边框)、星光效果(Sparkle 组件与包装器)、动态边框(渐变边框、旋转边框)、微光效果(文字高亮、按钮微光)、光标效果(光标光晕)、装饰线(动态下划线、连接线)。示例基于 React 与 framer-motion,通过 motion.div/motion.svg 设置 animate 与 transition 实现循环动画。

使用方式:当用户需要装饰性漂浮元素、发光或微光效果、动态边框或轮廓、星光或纸屑效果、细微环境动画,或为区块添加视觉点缀时启用。相关文件模式包括含装饰组件的 /*.tsx、/components/Accent*.tsx、/components/Decoration*.tsx、/components/Sparkle.tsx。

适用场景与限制:适合网页界面装饰层,示例中多使用 pointer-events-none 与负 z-index 以避免遮挡交互。资料未提供安装命令、收费、价格、支持平台与性能数据,暂未提供。相关技能包括 background-animations、creative-effects、css-animations。作者标注为 Brookside BI,属于 React Animation Studio。