预设曲线
动画预览
CSS 代码
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
在线 CSS cubic-bezier 贝塞尔曲线编辑器，拖动控制点可视化调节缓动曲线，实时预览动画运动效果并一键复制 cubic-bezier() 代码，内置常用缓动预设。纯浏览器本地运行，免费、无需安装。
先填写或调整「x1」、「y1」、「x2」、「y2」；修改输入或使用页面控件后查看结果区域。可先用「x1」中的示例 「0.25」熟悉输入格式，再替换成自己的数据。
「x1」的输入范围为 0～1，控件步长为 0.01。「y1」的输入范围为 -1～2，控件步长为 0.01。「x2」的输入范围为 0～1，控件步长为 0.01。请按字段标注的单位输入，先检查超出范围、空值和小数点，再核对结果。
先用最小示例验证，再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接，以及带外部地址的内容预览仍可能产生网络请求；“本地处理”并不表示整个网页完全没有网络活动。使用分享或复制链接前，请检查链接中是否带有输入内容。
先等待图片或画布完成加载，再尝试预览或导出。远程图片未允许跨域访问时可能无法导出；可改用本地文件，并用较小尺寸排查内存不足问题。
package.json编辑器 · tsconfig编辑器 · JSON 格式化 · Base64 编解码 · 全部开发工具