小丫设计工具站
返回工具合集
CSS动画缓动函数可视化编辑器
三十余种预设动画缓动曲线,拖拽控制点自定义贝塞尔,实时预览动画运动,导出多语言代码,调试网页transition、animation动画时间函数
动画分类
全部
CSS原生
正弦Sine
二次Quad
三次Cubic
四次Quart
五次Quint
指数Expo
圆形Circ
回退Back
弹性Elastic
弹跳Bounce
预设曲线
0
X1
Y1
X2
Y2
cubic-bezier(0.25, 0.10, 0.25, 1.00)
动画实时预览
▶ 播放动画
🔄 循环播放
动画时长
1s
代码导出
CSS代码
CSS变量
JavaScript
Anime.js
GSAP
📋 复制代码
🔗 获取分享链接
多曲线对比预览
开启对比视图
当前曲线
linear
ease
ease-in-out
操作完成