SuperAPI AI 工具集

lottie-fab

设计与创作

查看项目

更新于 10-16 06:51

技能介绍

用途:lottie-fab 提供一段 Lottie(JSON)动画,主题是浮动操作按钮(FAB)展开变形的微动效。它属于可移植的 JSON 动效,借助 lottie-web 在 Web 与 App 上播放效果一致,适合图标或控件类微动画,也支持 After Effects、Jitter 等导出。

主要能力:以 JSON 形式承载动画,便于跨平台复用,且对 AI 可读。资料未提供更多具体参数或帧数信息。

使用方式:引入 lottie.min.js 运行时与 animation.json,然后调用 lottie.loadAnimation({ container, renderer:'svg', loop:true, autoplay:false, path:'animation.json' });,在用户意图触发时启动,并注意对减少动效偏好做保护。

适用场景:需要跨 Web 与 App 保持一致的图标或控件微动画时使用。

限制:若纯 CSS 效果即可实现(例如简单淡入淡出),不应为此引入 Lottie 运行时。无障碍与性能方面,prefers-reduced-motion 下不要自动播放;使用 SVG 渲染器。资料未提供收费、价格或平台支持等更多信息。