CSS工作室

贝塞尔曲线编辑器

为动画设计自定义缓动函数

曲线编辑器

点击以调整控制点

控制

点1

点2

s

预览

线性linear
自定义cubic-bezier(0.25, 0.1, 0.25, 1)

预设

animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
animation-duration: 1s;