MG 动效生成工具

静态草稿

🖼

拖拽或点击上传
静态设计稿

支持 PNG · JPG · Sketch · Figma

—

动效描述

动效时长

1.0s

0.2s 5.0s

播放设置

输出格式

⚡

Picasso JS

原生动画代码

🎬

MP4 视频

透明背景导出

🖼

PNG 序列帧

逐帧图片导出

🎞

GIF 动图

兼容性最佳

正在分析草稿…

✦

上传草稿并描述动效
点击「生成动效」开始

动效参数

动效名称 —

时长 —

缓动函数 EaseOut

帧率 60 fps

延迟 0 ms

循环次数 ∞

播放方式循环

缓动函数

输出结果

Picasso JS 代码

生成后在此查看输出结果

最近生成

⚽

弹跳球动效

今天 14:32

JS

❤️

点赞心形动效

今天 13:18

JS

🏅

徽章旋转扫光

昨天 17:05

JS

素材库 18 个动效

JS

弹跳球

1.1s · 循环

87

NEW

点赞心形

0.56s · 触发

JS

徽章旋转

1.1s · 触发

CSS

加载转圈

0.8s · 循环

CSS

涟漪扩散

1.2s · 循环

CSS

呼吸脉冲

1.4s · 循环

JS

页面滑入

0.4s · 单次

点击

JS

按钮点击

0.3s · 触发

CSS

骨架屏

1.5s · 循环

99

JS

数字滚动

0.3s · 触发

JS

卡片翻转

0.6s · 触发

Hi 👋

JS

消息气泡

0.4s · 触发