設定した秒数後にウェブサイトのナビゲーションメニューを表示するにはどうすればよいですか？

Question

私はフロントページとしてフルスクリーンの予告編を含むサイトを作成しています。動画にはクライアントのロゴのアニメーションバージョンが含まれています。動画のロゴが消えて動画が開始されたら、ページのナビゲーションバーをフェードインしてください。

一定時間後にフロントページのナビゲーションバーをフェードインさせるためのベストプラクティスはありますか？

Answer 1

私は「ベストプラクティス」のことは知らないが、それは非常に単純でなければなりません...

window.onload = function(){ 
    var navigationElement = document.getElementById("foo"); 
    setTimeout(function(){ 
    navigationElement.style.opacity = 1; 
    },5000); 
} 

これは、ページの読み込みが完了し、5秒後の要素にフェードインします。
要素にフェード効果があることを確認するには、CSSトランジションを使用します。

#foo{ 
    opacity: 0; 
    transition: opacity 0.5s; 
} 

Answer 2

css3 fade in on page load, out after seconds

あなたはCSSのキーフレーム、またはトランジション（遅延パラメータ）を使用することができます。