超簡単にページをふわっと表示させる

更新日:2015年9月21日

サイトの印象って少し効果を付け足すだけでも大きく変わるものです。例えばページが表示される際にふわっと表示されるだけでも、お洒落なサイトに見えたりするものなんです。

ちなみにこのページにはふわっと表示されるような効果をつけてみましたがいかがでしょうか?
きっと少しばかりお洒落な感じに見えた……はずです。

それではどのように実装しているのかというと、jQueryで

$(function() {
	$('body').fadeIn(2000);
});

と記述します。

そしてCSSでは

body {
	display: none;
}

と記述すれば完成です。
この2つはセットで使わなければ意味がないので注意して下さい。

これであなたのサイトもお洒落サイトに早変わりです!