jQueryでCSS "ease"の等価を作成するには？

Question

Ceaserによれば、CSS遷移タイミング機能easeの詳細なCSSコードはcubic-bezier(0.250, 0.100, 0.250, 1.000)です。それが私の知る全てだ。どのようにjQueryのイージング関数に変換できますか？

jQueryの$.easingでは、カスタムイージング関数を定義できます。たとえば、次のコードでは、 "custom"というカスタムイージング関数を定義しています。 （注：コードがthis threadから借用される。）

$.easing.custom = function (x, t, b, c, d) { 
    var s = 1.70158; 
    if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; 
    return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; 
} 

し、それはこのように使用することができる：$('#element').animate({ right: 100 }, 500, 'custom')。このようなコードで、「楽」というカスタムイージング関数を定義している私は何をしたい

：

$.easing.ease = function (x, t, b, c, d) { 
    ...... 
    ...... 
    ...... 
} 

私はそれをどのように行うのですか？

Answer 1

cuic-bezierをjQueryに変換するためのオンライン変換ツールやチュートリアルがないようです。

しかし、目的にも役立つjQueryプラグインが見つかりました。プラグインはBezです。

私のケースでは、CSS遷移タイミング機能easeは、Bezを使用するjQueryに$.bez([0.250, 0.100, 0.250, 1.000])として変換できます。