动画曲线可视化工具
选择一条曲线，查看一个物体如何加速和减速。复制可直接用于任何页面的动画代码行，无需任何库。
曲线
方向起步迅速，结束时减速。
物体在 25 %、50 % 和 75 % 时间点所处的位置
document.querySelector(".caja").animate({ transform: ["none", "translateX(300px)"] }, { duration: 800, easing: "linear(0, 0.143, 0.271, 0.386, 0.488, 0.578, 0.657, 0.725, 0.784, 0.834, 0.875, 0.909, 0.936, 0.957, 0.973, 0.984, 0.992, 0.997, 0.999, 1, 1)", fill: "forwards" })使用建议
进入横幅的内容使用“减速”：快速到达，然后平稳落定。
离开横幅的内容使用“加速”：起步缓慢，然后迅速离开。
适度使用回弹和弹性曲线很吸引注意：每个横幅只在一个元素上使用。
关于这些工具的问题
这些工具是免费的吗？
是的。你可以随意使用，无需付费。
我需要什么文件？
审查类工具需要一个 .zip 文件，其中包含一个 HTML5 横幅：一个主 .html 文件及其资源。其他工具不需要任何文件。
可以用于其他工具制作的横幅吗？
可以。它可以检查任何 HTML5 横幅，不只是 BannerMotion 的横幅。
我的文件会保存在某处吗？
审查在你的浏览器中完成。有一个例外：如果你的横幅请求外部资源（例如字体），在预览时你的浏览器会向这些网站请求它们。
需要账户吗？
不需要。所有工具都无需账户。在尺寸指南中，邮箱是可选的。