シーケンシャル読み込みfadeIn JavascriptとjQueryでの効果

Question

最近私はウェブサイトを訪れたので、読み込み中のフェードイン効果を再現したいと思います。

You can see it here

ないすべてが同時にフェードインため、ページの読み込みとフェージングは​​本当にいいです。それは私が考える連続的な順序に従います。

これは私が発見し、右のコードだったと仮定コードです：

$(window).load(function() { 
    $(".fade").each(function(i) { 
    $(this).delay(100*i).fadeIn(); 
    }); 
}); 

私は自分のサイトにこのオーバーをコピーしようとしたが、それは何もしませんでした。 ".fade"を自分のサイトに固有の別のクラスに変更しました。私は自分のページに何のエラーも見られなかった。

どういうところが間違っていますか？それはなぜ機能しないのですか？変更が必要なことはありますか？ 100*iは何を意味しますか？

Answer 1

「何か」をフェードインするには、最初は不可視でなければなりません。 次のCSSを追加してください：

.fade { 
    display: none; 
}