嘗試使用標准的CSS3制作曝光時機計時功能

Question

CSS3的標准計時功能沒有exo-in-out-expo。

標准輸入輸出為-MDN

但我想讓它像在這里看到的easeInOutExpo-easings.net

我真的是計時功能的新手，所以一直在努力工作。 請幫忙。

編輯：我在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;
},

Answer 1

easyInOutExpo的css 在您鏈接到的頁面上 ：

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

在立方貝塞爾曲線上也可以看到

小提琴