知道为什么这个缓动功能不起作用吗？答案

【问题标题】：Any idea why this easing-function is not working?知道为什么这个缓动功能不起作用吗？
【发布时间】：2020-10-09 18:59:33
【问题描述】：

我在我的 CSS 中使用了 cubic-bezier(0.34, 1.56, 0.64, 1) 函数，这应该会产生 here 演示的效果，它在 Chrome 和 Firefox 中会这样做，但是，缓动函数在 IOS 上没有按预期工作，没有“弹跳”可以观察到“后退”效应。

知道为什么会这样吗？谢谢。

更新：transform 属性已观察到该行为。

【问题讨论】：

当我在我的 iOS 设备上测试这个时：cubic-bezier.com/#.34,1.56,.64,1，它工作得非常好。我们需要更多的上下文，比如你的实际实现，来看看发生了什么。向我们提供您的实际代码，而不是其他人的。更新：当我在 iPhone 上点击图表时，它甚至可以在您的链接上使用。我们可能还需要知道您正在测试的设备和操作系统版本。

【解决方案1】：

我也希望看到代码实现来帮助您调试问题。 My CSS animations are not working in iOS - 有人写过如何修复 iOS 的 CSS 动画。您可能会看到您可以在代码中改进哪些方面。

【讨论】：

【解决方案2】：

经过一些实验，我发现了以下内容：

Webkit 不会产生具有某些属性的“弹跳”效果，其中一个是transform 属性。但是，缓动函数适用于偏移属性（top、left、right 和 bottom）
另一方面，Blink 使用 transform 和 offset-properties 产生效果。

【讨论】：