jquery animate を使用して要素を幅 0 から幅 100% にアニメーション化するソリューションを探しています (これは適切なソリューションではないと思います)。要素が大きくなるとアニメーションの速度が遅くなるため、要素が大きくなるとアニメーションの速度が遅くなります。提供できるデモ コードはあまりないので、私が構築しようとしていることを誰かが理解してくれることを心から願っています。
// コード (このようなことを行う最良の方法ではありません)
$('.element').animate({width: '20%'},2000,function(){
$('.element').animate({width: '40%'},4000,function(){
$('.element').animate({width: '60%'},8000,function(){
$('.element').animate({width: '80%'},16000,function(){
$('.element').animate({width: '100%'},32000,function(){
});
});
});
});
});
イージングを使用してもうまくいきません!