Javascript 尝试使用标准css3实现ease in-out expo定时功能

CSS3的标准定时功能没有易用性

标准的易入易出是

但我想让它看起来更容易

我对计时功能还不太熟悉，所以我一直在努力使用它。请帮忙

编辑： 我在

jquery.easing.1.3.js

中找到了这段代码，但我不知道如何将其转换为

cubic bezier

的四个参数

easeInOutExpo: function (x, t, b, c, d) {
    if (t==0) return b;
    if (t==d) return b+c;
    if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
    return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
},

easeInOutExpo：函数（x、t、b、c、d）{
如果（t==0）返回b；
如果（t==d）返回b+c；
如果（（t/=d/2）<1）返回c/2*数学功率（2，10*（t-1））+b；
返回c/2*（-Math.pow（2，-10*--t）+2）+b；
},

easeInOutExpo的css：

请参见第页上的

---

我找到了这个助手网站，这是标准的

易入易出

有人知道易入易出博览会的数字吗？几十年来我一直在寻找计时js数学函数。。。非常感谢你！

div {
  -webkit-transition: all 600ms cubic-bezier(1, 0, 0, 1);
  transition:         all 600ms cubic-bezier(1, 0, 0, 1); }