css - 默认的 CSS 缓动曲线是什么?

标签 css easing

在CSS中,我们可以使用缓动进行过渡,例如:

transition: all .5s ease-in-out

有内置的 CSS 缓动,例如 easeease-inease-outease-输入输出

我们还可以使用 cubic bezier 定义自定义缓动,例如:

transition: all .5s cubic-bezier(.42, 0, 1, 1)

我已经获得了所需的过渡缓动值(这很可能与默认值相同,我不知道),但在我用自定义缓动值污染我的 CSS 之前,我想对它们进行比较为默认值。我的研究结果是空的,我想在 stackoverflow 上得到一个权威的答案可能会很好。

CSS 默认缓动三次贝塞尔曲线值是多少?

最佳答案

根据W3MDN :

轻松 = 三次贝塞尔曲线(0.25, 0.1, 0.25, 1)。

缓入 = 三次贝塞尔曲线(0.42, 0, 1, 1)。

缓出 = 三次贝塞尔曲线(0, 0, 0.58, 1)。

缓入 = 三次贝塞尔曲线(0.42, 0, 0.58, 1)。

线性 = 三次贝塞尔曲线(0.0, 0.0, 1.0, 1.0)。

关于css - 默认的 CSS 缓动曲线是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58330606/

相关文章:

javascript - 这个 javascript 在 Firefox 中运行缓慢,如何让它运行流畅?

jquery - TypeError : n. easing[this.easing] 不是函数 jQuery 不起作用

javascript - jQuery 缓解 javascript 位置问题

javascript - 使用缓动功能滚动

HTML + CSS 表格布局

css - Angular (12) 重复我的全局 css 变量

javascript - 窗口缩小时动画图像从中心漂移

css - 长 CSS 动画缓动(背景位置)

javascript - 使用 JQuery 进行 TranslateX

html - 我如何才能将bg图片放在另一个div的居中位置