2013-07-09 5 views
6

jQueryアニメーションとCSS3トランジションを併用しています。jQueryイージングとCSS3のトランジション - 正確に同等のスムージングは​​ありますか?

問題は、同等のスムージングアニメーションが見つかりませんでした。何かありますか?

最も近いのはこれです(jQuery easeOutQuadとCSS3デフォルトイージング)。

CSS:

#div1 { transition: width 0.5s; } 

のjQuery:

$('#div2').animate({'width': 200}, 500, 'easeOutQuad'); 

http://jsfiddle.net/bzw4q/

しかし、彼らはまだ異なっています。

同時に良いアニメーションアルゴリズムを使用して、両方を同時にアニメーション化します。それは可能ですか?

+1

[CSS3を使用して遷移タイミング関数](http://www.w3.org/TR/css3-transitions/#transition-timing-function-property)も定義できます。あなたが求めていたものなのですか? –

+1

jQueryでクラス名を追加して、それを使ってアニメーションを開始して同期させるのはなぜですか? –

答えて

2

は、私はあなたがより良いチャンス:)

+1

ありがとうUssama!良いことは 'スイング'がデフォルトであることです.jQueryの継続時間に0.96を掛ける必要があります。しかし、それは十分な感謝です! – Aximili

関連する問題