サンプル
See the Pen loading by pd_kosaka (@pd_kosaka) on CodePen.
解説
①ローディング要素を作成
#loading.loading
.loading-icon
②ページが読み込まれたらクラスを付与
$(function(){$('#loading').addClass('on');});③クラスが付与されたらアニメーションでローディング要素をフェードアウト
animation:fadeOut1sease2sforwards@keyframesfadeOut0%opacity:1100%opacity:0