【css】ロードアニメーション

HTMLのロード完了まで白い画面(gifでも突っ込んでアニメーション)を表示ー>削除


$(window).load(function(){
//	$("#load").remove();
	$("#load").css('-webkit-animation', 'blow ease-in forwards 1s');
	$("#load").css('animation', 'blow ease-in forwards 1s');
});




#load {
	position: fixed;
	width: 100%;
	height: 100%;
	background: white;
	
	opacity: 1;
}
@-webkit-keyframes blow{
	100%{opacity: 0;}
}
@keyframes blow{
	100%{opacity: 0;}
}




<div id="load"></div>

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中