Keyframesを使う
Keyframesを使えば簡単にできます。
Keyframesが分からなくても以下をコピペすればとりあえず動きます。
<divclass="hoge-box">
10秒後に表示されるBOX
</div>/* 10秒後に0.5秒かけて"late-open"を実行する */.hoge-box{display:none;animation:late-open0.5sease-in10sforwards;}/* late-open = display: block; */@keyframeslate-open{to{display:block;}}display: none;だった要素が10秒後にdisplay: block;で上書きされることで表示されます。