jQueryで要素を横からfadeIn

Question

タイトルのままですが、
要素（今回は画像を入れている<div>）を、ページを読み込んだら横からfadeInするscriptが欲しいです。
今は下のような簡単なscriptを使ってフェードインしています。

$(function() { 
	$('.要素').fadeIn(2300);
});

上記のだと、ゆっくりfadeinしてくるのですがこうではなく、
横から「サッ」とfadeinしてくるようにしたいです。

調べたのですが、分からずどなたかどうすれば出来るか教えて頂けますでしょうか？

Answer 1

animate関数でcssのopacity値を制御してみてはいかがでしょうか。ここでは変化をわかりやすくするために5秒間かけています。

$("#fade").css({
    left:"-100px",
    opacity:"0.0"
}).animate({
    left:"100px",
    opacity:"1.0"
},5000);

Comments

[YuichiKataoka]

ありがとうございます。
右からfadeInしてくる感じでは出来ないでしょうか？

[YuichiKataoka]

すみません、実行できました。
大変感謝しております。ありがとうございました！！