javascript - 尝试使用标准的CSS3制作曝光时机定时功能

CSS3的标准计时功能没有exo-in-out-expo。

标准缓入是HERE - MDN



但我想使它变得像HERE - easings.net所示的easeInOutExpo



我真的是计时功能的新手，所以一直在努力工作。请帮忙。

编辑：
我在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;
},

最佳答案

用于easyInOutExpo is on the page you linked to的CSS：

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

另请参见cubic bezier

FIDDLE

关于javascript - 尝试使用标准的CSS3制作曝光时机定时功能，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22141223/