jQuery を使って実装する方法が過去には一般的でしたが、フェードインだけであれば CSS だけで実装が可能です。 現在このページもその CSS が適用されていますので、ポワーンとフェードインでページが表示がされたと思います。更新する度にフェードインします。 CSS だけでフェードイン body { animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; } @keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} }body にアニメーションを施すことでフェードイン表示が可能です。これだけで簡単に
![CSS だけで Web ページのフェードイン表示を実装する方法 | q-Az](https://cdn-ak-scissors.b.st-hatena.com/image/square/a439128b16c7a7577c9ca1bfe496654d88c19cf9/height=288;version=1;width=512/https%3A%2F%2Fq-az.net%2Fogp%2Ffadein-open-only-css.png)